1. 程式人生 > >MVC中調用模態框之後導致JS失效

MVC中調用模態框之後導致JS失效

src 下拉列表框 () image 解決 進入 問題 func bubuko

今天在工作中碰到一個頁面調用模態框之後,頁面原來的JS失效的問題,由於前臺經驗較少,折騰了一天。。。

問題描述是這樣,在頁面,有兩個下拉列表框A和B,做了下拉列表框聯動,有一個button按鈕會調用模態框,剛進入頁面聯動是好用的,所以聯動的JS 代碼沒問題,點擊模態框之後,JS失效。

技術分享圖片

上圖是下拉列表框聯動的JS

經過不懈的調試(其實就是各種瞎試)以及詢問老大哥(這個才是解決之道),終於發現了問題所在:

  頁面剛加載進來的時候聯動JS好用,是因為直接加載了JS,調用模態框之後,在success回調函數中沒有進行聯動JS的調用,導致調用模態框之後聯動失效

解決方法是,將聯動的JS寫在一個方法change中,加載頁面時的function中寫一個調用change(),調用模態框之後success回調函數中也調用change()

技術分享圖片

感覺很不錯,對於我這個菜鳥,還是很有收獲的

剛開始寫,希望能幫助到需要的人,歡迎各位指教~

MVC中調用模態框之後導致JS失效