成都网站建设设计

将想法与焦点和您一起共享

layui使用jquery的方法-创新互联

这篇文章给大家分享的是有关layui使用jquery的方法的内容。小编觉得挺实用的,因此分享给大家做个参考。一起跟随小编过来看看吧。

肇州网站建设公司创新互联,肇州网站设计制作,有大型网站制作公司丰富经验。已为肇州上1000+提供企业网站建设服务。企业网站搭建\成都外贸网站建设公司要多少钱,请找那个售后服务好的肇州做网站的公司定做!

layui使用jquery的方法:1、主动加载jquery模块,语句如“layui.use(['jquery', 'layer']...)”;2、通过“layui.use('layer', function(){...}”方法。

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的方法就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到吧!


新闻标题:layui使用jquery的方法-创新互联
链接地址:http://chengdu.cdxwcx.cn/article/dseioe.html