layui使用jquery的方法:1、主動載入jquery模組,語句如「layui.use(['jquery', 'layer']...)」;2、透過「layui.use(' layer', function(){...}」方法。
#推薦《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中文網其他相關文章!