首頁  >  文章  >  web前端  >  layui如何使用jquery

layui如何使用jquery

藏色散人
藏色散人原創
2020-11-20 10:22:234090瀏覽

layui使用jquery的方法:1、主動載入jquery模組,語句如「layui.use(['jquery', 'layer']...)」;2、透過「layui.use(' layer', function(){...}」方法。

layui如何使用jquery

#推薦《layUI教學

layui使用內部jQuery:

遇到問題情境:

由於Layui部分內建模組依賴jQuery,所以沒有單獨引入jQuery,但使用$常規寫法取得dom元素時,提示未定義

出現問題的原因:

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

兩種解決方法:

//第一种:主动加载jquery模块
layui.use(['jquery', 'layer'], function(){ 
  var $ = layui.$ //重点处
  ,layer = layui.layer;
  
  //后面就跟你平时使用jQuery一样
  $('body').append('hello jquery');
});
 
//第二种:如果内置的模块本身是依赖jquery,你无需去use jquery,所以上面的写法其实可以是:
layui.use('layer', function(){ 
  var $ = layui.$ //由于layer弹层依赖jQuery,所以可以直接得到
  ,layer = layui.layer;
 
  //……
});

以上是layui如何使用jquery的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn