• 技术文章 >web前端 >Layui教程

    layui如何使用jquery

    藏色散人藏色散人2020-11-20 10:22:23原创74

    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中文网其它相关文章!

    本文原创发布php中文网,转载请注明出处,感谢您的尊重!
    专题推荐:layui
    上一篇:layui中layer的宽高怎么自定义设置? 下一篇:layui怎么关闭当前弹窗
    第14期线上培训班

    相关文章推荐

    • layui怎么弹出form• layui 表格中怎么显示图片• layui怎么实现数据绑定• layui如何获取复选框的值以及如何为复选框赋值

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网