基於layer mobile手機端彈出框，詢問框（PC端推薦layer和artDialog：http://download.csdn.net/download/cometwo/9437895）

阿新 • • 發佈：2018-12-19

FastClick.attach(document.body); $(function() { $('.btn1').click(function() { layer.open({ content: '您好', anim: true, time: 2 //2秒後自動關閉 }); }); $('.btn2'

).click(function() { layer.open({ content: '通過style設定你想要的樣式', style: 'background-color:#09C1FF; color:#fff; border:none;margin: 0px;', time: 2 }); }); $('.btn3').click(function

() { layer.open({ title: [ '我是標題', 'background-color:#fff; color:#000;' ], cancel: function() { layer.open({ content: '你點了x'

, time: 1 }); }, btn: ['確認', '取消'], shadeClose: false, //預設：true，是否點選遮罩時關閉層 yes: function() { layer.open({ content: '你點了確認', time: 1 }); }, no: function() { layer.open({ content: '你選擇了取消', time: 1 }); }, content: '標題風格任你定義。。' }); }); $('.btn4').click(function() { layer.open({ // title: [ // '我是標題', // 'background-color:#8DCE16; color:#fff;' // ], content: '通過style設定你想要的樣式', btn: ['OK'] }); }); $('.btn5').click(function() { layer.open({ content: '你是想確認呢，還是想取消呢？你是想確認呢，還是想取消呢？你是想確認呢，還是想取消呢？', btn: ['確認', '取消'], shadeClose: false, //預設：true，是否點選遮罩時關閉層 yes: function() { layer.open({ content: '你點了確認', time: 1 }); }, no: function() { layer.open({ content: '你選擇了取消', time: 1 }); } }); }); $('.btn6').click(function() { layer.open({ title: '資訊', content: '移動版和PC版不能同時使用在同一頁面。' }); }); $('.btn7').click(function() { layer.open({ title: '提示', content: '您確定要重新整理一下本頁面嗎？', btn: ['嗯', '不要'], yes: function(index) { location.reload(); layer.close(index); } }); }); $('.btn8').click(function() { layer.open({ type: 1, content: '<img src="img/layer-mobile.png">' }) }); $('.btn9').click(function() { layer.open({ type: 1, content: '可傳入任何內容，支援html。一般用於手機頁面中', anim: 0, style: 'position:fixed; bottom:0; left:0; width:100%; height:150px; padding:10px 30px; border:none;color:red' }); }); $('.btn10').click(function() { layer.open({ type: 2 //,shade: false , time: 5 //,content: '載入測試中…' }); }); })

基於layer mobile手機端彈出框，詢問框（PC端推薦layer和artDialog：http://download.csdn.net/download/cometwo/9437895）

基於layer mobile手機端彈出框，詢問框（PC端推薦layer和artDialog：http://download.csdn.net/download/cometwo/9437895）

移動端彈出層，帶確定、取消、其他、回撥函式

XMLHttpRequest 與服務端的互動，以及layer子頁面關閉彈出框的總結

layer父頁獲取彈出層輸入框裏面的值

layer.js--強大的彈出框

H5移動端彈出鍵盤時遮擋輸入框

基於bootstrap 在同一個介面彈出不同的模態框

java中如何實現在手機裡彈出安卓框,提示框

解決移動端文字框被原生鍵盤彈出後擋住文字框

如何解決安卓手機鍵盤彈出將頁面壓縮

如何彈出QQ臨時對話框實現不添加好友在線交談效果

layer 打開關閉彈出窗口與獲取父窗口值

解決安卓手機鍵盤彈出時會把背景或百分比定位的布局壓縮的問題

移動端彈出層之後禁用底部滾動條關閉回到原位置

ios11，彈出層內的input框光標錯位鍵盤彈出時，輸入信息，光標一直亂跳

Modal框彈出後，2s自動消失

移動端彈出層平滑滾動和fix定位的沖突

解決win10打開組策略彈出管理模板對話框問題

Android輸入法彈出時覆蓋輸入框問題

layer關閉彈出層，彈出打印

基於layer mobile手機端彈出框，詢問框（PC端推薦layer和artDialog：http://download.csdn.net/download/cometwo/9437895）

相關推薦