layer彈出框的使用

官網 http://layer.layui.com/

1.首先在官網下載插件 然后引入

    //這個是js插件,可以用自己的
 <script src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script>
    //這個是引入layer的插件
   <script src="layer/layer.js"></script>

2.然后參考官網,在<script>$(function(){})</script>中直接寫內容即可

    例如
      //layer.msg('歡迎使用layer');
$(function(){
  layer.ready(function(){
        //詢問框
        layer.confirm('你確定要刪除嗎?', {
            btn: ['重要','奇葩'] //按鈕
        }, function(){
            layer.msg('的確很重要', {icon: 1});
        }, function(){
            layer.msg('也可以這樣', {
                time: 20000, //20s后自動關閉
                btn: ['明白了', '知道了']
            });
        });
      })
})

實例:.如果要寫一個刪除,首先在刪除需要屏蔽它要跳轉的連接

       <a  class="btn btn-info btn-danger btn-sm iframe cboxElement" href="javascript:;" onclick="delCate(id}})"> 刪除</a><
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 彈出層layer的使用 Intro layer是一款web彈層組件,致力于服務各個水平段的開發人員。layer官網...
    天天向上卡索閱讀 12,244評論 0 9
  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 173,368評論 25 708
  • type - 基本層類型 類型:Number,默認:0layer提供了5種層類型。可傳入的值有:0(信息框,默認)...
    hopevow閱讀 16,848評論 5 2
  • layer參數配置 官網API:http://layer.layui.com layer API之鍵值(僅在需要時...
    奶油小生Cc閱讀 4,451評論 0 1
  • 討厭搬家,卻在搬家中不斷修行。 在一個地方住久了,如果這個地方是滿足現狀的話,那么人就會依賴這個舒服區,不愿意去接...
    欽傾子衿閱讀 652評論 1 2