layer的使用需要先加载jquery不然无法使用哦！

最新推荐文章于 2021-12-20 20:26:24 发布
最新推荐文章于 2021-12-20 20:26:24 发布
阅读量1k 收藏
点赞数
分类专栏： 前端 文章标签： jquery html5 LayUI
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/YMB_jack/article/details/107181227
版权 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript" src="./layer/layer.js"></script>
    <script type="text/javascript" src="./layer/jquery-1.8.3.min.js"></script>
</head>
<body>

</body>
<script>
    layer.alert('内容');
</script>
</html>

--------------上面很明显 就是先加载layer 后加载jquery 所以导致无法使用----
把layer放在jquery后面加载 就可以了

关于使用 layer 一直报错

layer.js:2 Uncaught TypeError: i is not a function at Object.o.run

layer.js:2 Uncaught TypeError: Cannot read property 'extend' of undefined at Object.alert

这个原因是 要么没有加载jquery 要么就是把jquery 和 layer的加载顺序反了  要先加载 jQuery 后加载layer

@Kerry~
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
layer.js下载,需要配合jquery使用
03-25
layer.js下载(配合jquery): layer.msg(弹出的内容) //如下 layer.msg("你好")
jQuery使用Layer弹出层插件闪退问题
10-20
主要介绍了jQuery使用Layer弹出层插件遇到的闪退问题,需要的朋友可以参考下
jQuery ajax bootstrap layui
kaiven_的博客
08-07 236
jQuery 概述： jQuery是一个快速、简洁的javaScript代码库。 jQuery设计宗旨是“Write less,do more”。 提供一种简便的javaScript操作方式。 优化HTML文档操作、事件处理、动画设计和Ajax交互。 总的来说jQuery是在javaScript的基础上，把很多JavaScript的操作封装起来，然后我们使用他封装好的语句。 具体使用方法： 我们需要在HTML页面引入一个jQuery.js文件，也可以是引用一个cdn（内容分发网络），引用的位置写在hea
vue和layui共用时js加载顺序的问题
疑问 搜索 动手 解决 记录
11-16 1169
深究之前先声明一个问题, layui是基于jquery直接操控dom的 而vue是操控虚拟dom的,虚拟dom不理解的可以参考一下这篇文章
LayUI富文本编辑器的使用--数据加载与编辑器创建的先后顺序
Mr.wang的博客
09-12 9220
Layui 首个版本发布于2016年秋，官网说明兼容人类正在使用的全部浏览器（IE6/7除外），可作为后台系统与前台界面的速成开发方案。 刚接触该框架是公司想做一套通用的业务系统出来，我们希望包含用户、部门、角色管理和日志等基础功能，然后同时又能方便地扩展。    跟那些过往的编辑器一样，需要放置一个标签（一般为textarea文本域）作为编辑器的目标元素，然后调用 layedit.bui
layui常用的弹出层的使用,以及jquery的ajax请求
奔跑的菜鸡
04-01 7011
监听div中的按钮,然后弹出confirm验证弹窗 在head中加载一下layui的js cdn 在使用layui.confirm的弹框的时候可以注意到回调函数那里有个index下标,这个下标默认情况下是confirm返回的index,是layer自己的索引，不是你元素上的，你要获取元素上的。需要 $(this).index() 来获取 <script src="https://www.la...
jquery 弹窗插件 layer
weixin_30561177的博客
02-19 177
官网：http://sentsin.com/jquery/layer/ 1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 2 <html> 3 <head> 4 <meta...
layer.js:2 Uncaught TypeError: Cannot read property 'extend' of undefined
weixin_34107739的博客
10-20 849
在引用layer.js插件进行前端编程的时候，如果报这个错，解决办法只需： 把layer的引用放在有冲突的js库前面就行了 转载于:https://www.cnblogs.com/tanglc/p/5980403.html...
使用jQuery+layer框架制作JSP前端(一)
weixin_44940027的博客
01-12 403
一: Q1:jQuery是什么? jQuery 是一个 JavaScript 库。 jQuery 极大地简化了 JavaScript 编程。 jQuery 很容易学习。
有人说layer不起作用，我告诉你怎么解决
heyy1997的博客
04-18 1256
layer很好用的弹框插件，但是很多新手或者老手也经常遇到一个情况有的项目能用有的项目不能用，请自行检查两点 1，需要配合jquery使用 ，不是加载了layer.js就能用的（新手） 2，重点，js的顺序，layer.js放到所有js的最后面。（对老手也有用） ...
jQuery中layer分页器的使用
12-09
layui给我们提供了分页器的组件，进行简单的配置就能做出分页的效果 上代码： ...// 如果查询内容不存在 则显示为空 $('#searchBtn').click(function(){ ... layui.use(['laypage','layer'],function(){
jquery3和layui冲突导致使用layui.layer.full弹出全屏iframe窗口时高度152px问题
10-17
主要介绍了解决jquery3和layui冲突导致使用layui.layer.full弹出全屏iframe窗口时高度152px问题,需要的朋友可以参考下
026-弹层组件
aihiao的专栏
01-25 1219
1. 弹层组件加载名称: layer。 2. layer至今仍作为layui的代表作, 甚至让很多人都误以为layui = layer ui, 所以再次强调layer只是作为layui的一个弹层模块, 由于其用户基数较大, 所以至今仍把她作为独立组件来维护。 3. 使用场景 3.1. 由于layer可以独立使用, 也可以通过Layui模块化使用。 场景 用前准备 调用方式 1. 作为独立组件使用 如果你只是
layui引入jQuery
l_degege的专栏
10-09 5105
//第一种：主动加载jquery模块 layui.use(['jquery', 'layer'], function(){ var $ = layui.$ //重点处 ,layer = layui.layer; //后面就跟你平时使用jQuery一样 $('body').append('hello jquery'); }); //第二种：如果内置的模块本身是依赖jqu...
layui如何使用内部jQuery？
行走天下
06-15 1493
有时我们使用的layui的框架，可以不需要单独引进jq，因为layui是内置有jq。我们需要在layui里面使用jq，就能自动引进来了。 由于Layui部分内置模块依赖jQuery，所以我们将jQuery1.11最稳定的一个版本作为一个内置的DOM模块（唯一的一个第三方模块）。只有你所使用的模块有依赖到它，它才会加载，并且如果你的页面已经script引入了jquery，它并不会重复加载。内置的jquery模块去除了全局的$和jQuery，是一个符合layui规范的标准模块。 //第一种：主动加载jqu
使用layui 和 jquery 问题小结
diaolong123123的博客
03-23 718
问题 1 在使用 layui 2.2.5 之前，可以引入最新版的 jquery ，使用更好的性能。也可以使用layui 的jquery内部版本。如果引入要在引入layui.js 之前引入 2 使用 select 的动态添加 option 元素时，一直不能渲染出来。后来上网查看资料，发现在更新过表单元素后要使用 form.render() 重新渲染。代码如下 <!...
layui加JQuery实现上移下移，上移到顶，下移到底
weixin_44504938的博客
12-20 1802
思路：是将查出来的数据重新排序（主要是唯一ID及其数据位置调整）后台设置序号。只支持单选代码如何： 第一步 var data_tr; //触发单选框选择 table.on(‘radio()’, function(obj){ //test 是 table 标签对应的 lay-filter 属性 data_tr = $(this); }); // 上移 function uptr() { // 拿到列表集合 var datas = layui.table.cache[“list”]; // 拿到选中的数据 va
js layui 模板属性 添加_layer弹出层上添加form表单
weixin_35562751的博客
01-06 673
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <script type="text/javascript" src="jquery/jquery-3.4.1....
vue在数组中单独取出一列数据
YMB_jack的博客
04-16 4402
这是我想要的效果 采用map方法即可 let data =res.data.map(element=>element.questionsId); console.log(data);
openlayer使用tilelayer加载图层卡顿
最新发布
08-27
OpenLayers是一个用于在Web浏览器上实现地图和地理空间信息可视化的开源JavaScript库。当使用TileLayer加载图层时，卡顿可能是由于多种原因引起的。 首先，图层的卡顿可能是由于网络延迟或服务器响应时间过长所致。当加载大量瓦片图像时，需要从远程服务器下载并显示，网络延迟等因素会导致加载和显示的速度变慢。这种情况下，可以尝试优化网络连接或更换更快的服务器来改善加载速度。 其次，卡顿可能是由于大量图层数据或大型图像导致的性能问题。当加载的图层数据较大或图像较大时，浏览器需要较长的时间来处理和渲染图层，从而导致卡顿。这种情况下，可以尝试优化图层数据或图像的大小，如压缩图像文件、剔除不必要的数据等。 另外，卡顿还可能是由于浏览器的硬件性能限制所致。如果设备的处理能力较低或内存不足，加载和显示大量图层可能会导致卡顿。在这种情况下，可以尝试使用更高配置的设备或减少图层的数量和复杂性来提高性能。 此外，OpenLayers本身的配置和使用方式也可能影响卡顿情况。确保正确配置和使用OpenLayers可以提高性能并减少卡顿。可以参考OpenLayers的官方文档和各种社区资源，了解最佳实践和性能优化的方法。 总之，解决OpenLayers使用TileLayer加载图层卡顿的问题需要综合考虑网络连接、服务器性能、图层数据大小、设备性能等多个方面的因素，并进行相应的优化措施。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值