場景是這樣的,資源列表頁面點擊編輯,彈出編輯模態框,編輯模態框中點擊圖標區域,在資源列表中再彈出一個新的模態框,用於選擇圖標,點擊任意一個圖標后,修改編輯頁面的圖標和文字; 解決方案 在父頁面中配置第一個模態框的id屬性 在第二個模態框js方法中獲取第一個模態框的id ...
推薦一個好看的模態框 layer 地址:http: layer.layui.com 相應列子及配置 全部來自於官網,可直接訪問官網學習了解。 信息框 例 layer.alert 見到你真的很高興 , icon: 信息框 例 layer.msg 你確定你很帥么 , time: 不自動關閉 ,btn: 必須啊 , 丑到爆 ,yes: function index layer.close index l ...
2018-07-25 22:51 0 1753 推薦指數:
場景是這樣的,資源列表頁面點擊編輯,彈出編輯模態框,編輯模態框中點擊圖標區域,在資源列表中再彈出一個新的模態框,用於選擇圖標,點擊任意一個圖標后,修改編輯頁面的圖標和文字; 解決方案 在父頁面中配置第一個模態框的id屬性 在第二個模態框js方法中獲取第一個模態框的id ...
1 ...
layer.open({ type: 1,//模態窗種類 skin: "layui-layer-rim", title: "編輯信息", area: ["400px", "500px"], maxmin: true, //拼接字符串自定義名稱 content: '<div>< ...
1.要用bootStrap這個框架就必須要重載它的class類,也就是說class要一樣 代碼如下: 有疑問的可以在下面留言,歡迎大家一起交流 1.1動態模態框 1.2靜態模態框 ...
工作中有需要用到模態框的可以看看 其中模態框有個屬性可以避免點擊遮罩層導致模態框關閉。就是div中設置的 data-backdrop="static"。這樣可以避免在模態框中輸入內容時突然的誤操作導致模態框關閉。 另外還有一個屬性:data-keyboard="false ...
$('#myModal').modal('hide'); ...
模態框(Modal)是BootStrap中很棒的一個插件。可以去BootStrap菜鳥驛站里面看看。 模態框(Modal)是覆蓋在父窗體上的子窗體。通常,目的是顯示來自一個單獨的源的內容,可以在不離開父窗體的情況下有一些互動。子窗體可提供信息、交互等。 這里記錄的是自己手動調用模態框而不會使 ...
2、用button在模態框關閉 ...