layui如何使用内部jquery?(代码片段)

widgetbox widgetbox     2022-12-18     761

关键词:

遇到问题情境:

由于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;
 
  //……
);

 write by:tuantuan

 

layui与jquery一起使用(代码片段)

1,先导入jquery<scripttype="text/javascript"src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script> 2,导入layui组件<linkrel="stylesheet"type="text/css"href="__STATIC__/plug/layu 查看详情

layui动态修改表单form内容(代码片段)

最近使用到了基于jquery的layui框架,在使用layui的form表单的时候,会遇见一个问题,页面渲染完成之后,使用js或jquery操作表单dom元素是没有问题的,但表单内容并随之没有改变,需要使用layui提供的方法来重新渲染表单一、初始... 查看详情

如何使用jquery在元素的内部文本的最后一个单词周围包裹一个范围?(代码片段)

我知道这应该是一个简单的任务,但我在选择一个标题元素的最后一个单词并将其包装在一个跨度中时遇到问题,所以我可以添加样式更改。这是我到目前为止所拥有的$('.side-ch3').split(/s+/).pop().wrap('<span/>');任何帮助将不胜... 查看详情

layui的table使用(代码片段)

不多bb,直接上代码html的代码:<linkrel="stylesheet"href="../../static/layui/css/layui.css"><scriptsrc="../../static/layui/layui.js"></script><scriptsrc="../../static/js/jquery.js"></scr 查看详情

layui(代码片段)

...一个简单的使用layui的例子完整宽度和固定宽度栅格系统如何使用layui里的js方法?使用layui进行日期和时间的设置使用layui进行分页使用layui中的table表格开启分页之后的效果异步数据接口渲染完之后的回调函数怎么写表格工... 查看详情

adminlte+layui框架搭建3-layui弹出层(代码片段)

...ui.layer,$=layui.jquery;)</script>so,我tab层的iframe全部都是使用这个layer弹出(layui不推荐这样使用),这样可以做是为了避免tab页中iframe的弹出层的嵌页效果,当然也可以在子页面使用layer=layui.layer(页面弹出层)1<script>2layui... 查看详情

layui如何自动触发change事件,可以用jquery的change吗?

layui如何自动触发change事件,可以用jquery的change吗?参考技术A有两种方式:1、使用layui内部事件(看文档)缺点不自由必须包含到form里边2、在layui.use(['mod1','mod2'],function(args)varmod=layui.mod1;//在这初始化jq一些事件集合定... 查看详情

layui中如何给表单中的input标签动态赋值,怎么获取父页面中的值(代码片段)

我是为了简单使用直接用的jquery,小例子直接上代码:$(function()varjson=eval(‘(‘+parent.json+‘)‘);//这个是获取父页面中全局变量的值(是json格式的)$(‘#ID‘).val(json.id);//通过id给标签赋值$(‘#username‘).val(json.username);$(‘#sex‘).va... 查看详情

layui学习--tab选项卡(代码片段)

varelement;var$;layui.use([‘element‘,‘jquery‘],function()element=layui.element,$=layui.jquery;//监听左侧菜单点击element.on(‘nav(left-menu)‘,function(elem)alert(elem.context.attributes+"sss");addTab(elem[0]. 查看详情

layui-table表格渲染(代码片段)

...,实在搞不懂了,如果有哪位大神知道BootstrapTable列固定如何实现,望不吝赐教。言归正传,依据项目表格展示需求,剥去业务,需要一个具有每行具有复选框,多级表头,表头信息动态获取,列固定,点击单元格数据可查看详... 查看详情

layui自定义模块的使用方式(代码片段)

...睹”、选择layui来开发是个极好的选择。之前的项目也有使用过layui、只是没有过多的关注其框架本身。对于项目上、拿来即用即可!为什么要自定义模块呢?好处很多、比如可以大量重用代码......我也是一个极其懒惰的... 查看详情

layui自动触发radio和select(代码片段)

layui对radio和select做了包装,正常用jquery选中后使用trigger不起作用。那么,怎么让其自动触发呢?对radio来说,必须在$选中后.next(‘.layui-form-radio‘).click();例如:$(‘:radio:checked‘).click();就不行,必须得是$(‘:radio:checked‘).next(‘... 查看详情

layui数据表格批量删除(代码片段)

实现思路首先监听复选框,使用obj.tr返回当前行jquery节点对象,此行下有该节点的下标属性;判断复选框全选和多选:当复选框多选,将点击后的复选框的jquery的节点对象push进array数组,反选则获取反选复选框代表的节点对象,... 查看详情

pjax+layui遇到的坑(代码片段)

观点1:当使用layui中elment.on或form.on事件(也就是所有利用layui里面的on去绑定事件)时,利用pjax加载页面,并且多个页面包含相同lay-filter元素时,其他页面绑定的lay-filter元素事件处理会使本页面具有相同lay-filter元素也同样具有... 查看详情

thymeleaf+layui+jquery复选框回显(代码片段)

一、Thymeleaf+layui+jquery复选框回显  基于Thymeleaf模板下的layui+jquery复选框回显,主要是jquery。大致意思是:把数组转成JSON传到前台,再在前台转回数组 AJAX一般都是用JSON格式或XML格式来传递数据的JSON就是一种具有特殊格式... 查看详情

如何访问jquery内部数据?

】如何访问jquery内部数据?【英文标题】:howtoaccessjqueryinternaldata?【发布时间】:2012-04-1601:28:43【问题描述】:您可能知道也可能不知道,从jQuery1.7开始,整个事件系统都从头开始重写。代码库要快得多,并且使用新的.on()方法... 查看详情

layui使用(代码片段)

1.下载后解压如图 2.示例 home.thml代码<!DOCTYPEhtml><html><!--head--><head><metacharset="utf-8"><title>layui</title><metaname="renderer"content="webkit">& 查看详情

wtm框架使用技巧之:layui版本嫁接vue+elementui(代码片段)

...winform,wpf技术开发,自2019年接触wtm框架后,热衷使用wtm框架开发物流公司内部软件。如高度定制化的SOC自备箱管理系统,主要解决日照分公司的新兴海铁联运业务中集装箱管理混乱问题,由于 查看详情