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的详细内容,更多请关注【创想鸟】其它相关文章!
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。
发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/3005504.html