MVC中調用模態框之後導致JS失效
今天在工作中碰到一個頁面調用模態框之後,頁面原來的JS失效的問題,由於前臺經驗較少,折騰了一天。。。
問題描述是這樣,在頁面,有兩個下拉列表框A和B,做了下拉列表框聯動,有一個button按鈕會調用模態框,剛進入頁面聯動是好用的,所以聯動的JS 代碼沒問題,點擊模態框之後,JS失效。
上圖是下拉列表框聯動的JS
經過不懈的調試(其實就是各種瞎試)以及詢問老大哥(這個才是解決之道),終於發現了問題所在:
頁面剛加載進來的時候聯動JS好用,是因為直接加載了JS,調用模態框之後,在success回調函數中沒有進行聯動JS的調用,導致調用模態框之後聯動失效
解決方法是,將聯動的JS寫在一個方法change中,加載頁面時的function中寫一個調用change(),調用模態框之後success回調函數中也調用change()
感覺很不錯,對於我這個菜鳥,還是很有收獲的
剛開始寫,希望能幫助到需要的人,歡迎各位指教~
MVC中調用模態框之後導致JS失效
相關推薦
MVC中調用模態框之後導致JS失效
src 下拉列表框 () image 解決 進入 問題 func bubuko 今天在工作中碰到一個頁面調用模態框之後,頁面原來的JS失效的問題,由於前臺經驗較少,折騰了一天。。。 問題描述是這樣,在頁面,有兩個下拉列表框A和B,做了下拉列表框聯動,有一個butto
打開模態框之後背景不可以滑動
ech lec none fun 模態框 rule var [] mod <script> var _rulecli = document.getElementById(‘rulecli‘); var _closeChess = d
讓iframe子頁面中的bootstrap模態框的背景覆蓋到父頁面
程式碼具體地址 https://github.com/thinkiveWJ/mozan ,可以直接跑起來 父頁面的body元素新增class="top"作為是否是最頂層頁面的標識 &n
關閉模態框的相關js程式碼
在專案中需要為模態框新增一個取消按鈕,點選後模態框可以自動關閉。 百度了各種方法均無效,試試下面這一段js程式碼 //設定點選取消的button按鈕,按鈕上新增相應的onclick點選事件 <button type="button" class="..." oncl
Bootstrap外掛(一)——模態框(modal.js)
前言:這一片文章我們將對bootstrap的modal模態框進行學習,學習他是如何繫結到一個按鈕上去點選顯示,學習模態框的簡單資料配置,學習模態框的使用方式,事件,方法、引數等;下面是modal
angular中 modal模態框(可複用)
可複用的 (普通的在function中找) : 點選事件之後的函式 $rootScope.confirm = function(content, okFn, cancelFn) { var
在element模態框select中選中option之後select無反應
問題如下:模態框select中選中option之後select無反應要等點選取消或者確定是才可以有反應<el-form-item label="型別:" :label-width="formLabelWidth" prop="type"> <el-sele
用vue實現模態框組件
dispatch cast out cancel 升級 -m 接收 方法 eno 基本上每個項目都需要用到模態框組件,由於在最近的項目中,alert組件和confirm是兩套完全不一樣的設計,所以我將他們分成了兩個組件,本文主要討論的是confirm組件的實現。 組件結構
模態框中水平垂直居的問題
理解 src bottom flow back 圖片 over text ccf 大家好,今天我們來說一下在寫模態框的時候怎麽使裏面的內容垂直水平居中,我們先把目光放得簡單一點, 這個問題其實就等同於怎麽讓一個div垂直水平居中,那我們怎麽來實現這個問題呢?有5
ASP.NET MVC做的微信WEBAPP中調用微信JSSDK掃一掃
lis qrc 頁面 edr 唯一標識 文件夾 tty 手機攝像頭 客戶端 今天做一個項目,是在微信上用的,微信WEB APP,裏面用到了調用手機攝像頭掃一掃二維碼的功能,記得以前某個項目裏寫有的,但是找不到之前那個項目源碼了,想復制粘貼也復制不了了,只好對著微信的那個開發
解決Ueditor在bootstarp 模態框中全屏問題
i++ tag node target put dal ted star == 基本的一些配置就不說了。先說一下要註意的問題:首先是zIndex的設置。記住最好都顯示設置模態框和ueditor的zIndex。理清他們的層疊關系。 特別是用到ueditor裏面的圖片上傳功能的
多功能萬能模態框插件,項目實用,持續更新中...
lose 引入 clas -c 粘貼 更新 mode log pom 附github地址 https://github.com/pomelott/jquery-plug-in 模態框(modelBox) 使用方法 1.引入css文件(建議復制粘貼至項目css文件中
在模態框(Modal)中使用UEditor全屏顯示的一個坑
hub efi 粘貼 之前 ttr fine edit style sse 根據這個問題很簡單就能查到一些文章明確說明了解決問題的方法,就是如下一段代碼: var isModal = false; //判斷該dom是否為modal var classes = $(co
在成員函數中調用虛函數(關於多態的註意事項)------新標準c++程序設計
通過 rtu blog 析構 多態 space str ret public 類的成員函數之間可以互相調用。在成員函數(靜態成員函數、構造函數和析構函數除外)中調用其他虛成員函數的語句是多態的。例如: #include<iostream> using na
datatables、bootstrap的模態框關閉,用JQuery清空form資料
//關閉模態框時清空資料 $(function (){ $('#myModalId').on('hidden.bs.modal', function (){ $(':input','#myFormId').not(':button,:submit,:res
bootstrap 中關於模態框位置的自定義設定(在不改變原始碼的前提下)
用過bootstrap的童鞋們在使用模態框的時候一定見過這幾個class :modal fade modal-dialog modal-body ,至於這些class都有什麼作用,大家去bootstrap官網去查一下就知道了。
bootstrap中的data-toggle模態框相關
一,點選即開啟1,點選按鈕 <a href="javascript:void(0)" class="btn btn-primary" data-toggle="modal" data-target="#test" onclick="toApiTestPage()">API測試工具</
Java中對於模態框的使用以及在多執行緒中的應用
模態框可以通過繼承JDialog並且設定構造引數boolean modal = true即可。 但是 當此模態框setVisible(true)時候,會導致當前執行緒阻塞。 那麼問題來了:現有一需求是點選登陸按鈕,則會向伺服器傳送登陸請求以及獲取資料的請求,待伺服器成功返回響應即可登陸主介面
EasyUI的Model的Model Window,但是遇到一個問題,就是如何把jsp頁面中js的變數傳入模態框中input的value
用了很多辦法, 最開始嘗試用最基本的JQuery的賦值方法給value賦值,但是發現由於賦值的時候模態框還沒開啟,找不到模態框中引數的id 第二種是用隱藏域還是不行,傳值為null 後來檢視EasyUI官網的window外掛,發現了window的時間跟Pa
Modal模態框使用ajax向後臺傳資料和檔案之modal複用
昨天把新增計劃概要寫完了,那麼今天要開始新增計劃了,經理開始催了,好急好急!!! 那麼新增計劃從哪裡開始呢,我們的前段已經編輯好了,像這樣的: OK,重點是天數,我們要先取到天數才行,那麼天數之前已經給出了,在第一頁上,我們直接用Jqu