layui如何使用內部jQuery?

有時我們使用的layui的框架,可以不需要單獨引進jq,因爲layui是內置有jq。我們需要在layui裏面使用jq,就能自動引進來了。

由於Layui部分內置模塊依賴jQuery,所以我們將jQuery1.11最穩定的一個版本作爲一個內置的DOM模塊(唯一的一個第三方模塊)。只有你所使用的模塊有依賴到它,它纔會加載,並且如果你的頁面已經script引入了jquery,它並不會重複加載。內置的jquery模塊去除了全局的$和jQuery,是一個符合layui規範的標準模塊。

//第一種:主動加載jquery模塊
layui.use(['jquery', 'layer'], function(){ 
      var $ = layui.$ //重點處
      ,layer = layui.layer;
  
     //後面就跟你平時使用jQuery一樣
     $('body').html('hello');
});







 
//第二種:如果內置的模塊本身是依賴jquery,你無需去use jquery,所以上面的寫法其實可以是:
layui.use('layer', function(){ 
  var $ = layui.$ //由於layer彈層依賴jQuery,所以可以直接得到
  ,layer = layui.layer;
 
  //後面就跟你平時使用jQuery一樣
     $('body').html('hello');
});

以上兩種方式引進jq,希望能幫助到你。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章