MVC与layui，子页面使用母版页后layer.open弹出框没用

最新推荐文章于 2024-03-06 19:22:14 发布
最新推荐文章于 2024-03-06 19:22:14 发布
阅读量476 收藏
点赞数
分类专栏： 笔记 文章标签： mvc layui
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_44217121/article/details/120518904
版权

今天，在写MVC视图时，想使用layui的弹出层，但是发现没有效果，当我不使用母版页时当前页面的弹出层就能用，使用母版页弹出层就用不了。具体就是下面这张图。

 查找资料后终于发现问题。原来是因为我的母版页引入了跟子页一样的JS文件导致重复引用。

只要删除母版页的引用就可以正常使用了，母版页的JS方法同样可以正常使用。不要去删除子页面的JS文件而保存母版页的，因为你会发现没用的，亲测。当然也不绝对。

如果对你有帮助，点个赞呗！

小白
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
如何在webform中用layui做母版
qq_45846870的博客
07-09 1151
layui自己从去年12月份才开始琢磨，一直到今天，其实也不能算是一直在琢磨，就是有三个月都在家闲着，还有两个月是没有时间，也是最近朋友要用layui做东西，发现自己突然间有了兴趣，这个模板是靠着自己这些天的琢磨，给总结出来的，之前也有去自己去配，发现自己没搞出来，就一直用之前总结出来的模板去改去做的，先给你们看一下代码 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <m...
在layui中layer弹出层点击事件无效的解决方法
10-16
今天小编就为大家分享一篇在layui中layer弹出层点击事件无效的解决方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
layer.open()弹出层click事件失效问题
卜卦的博客
05-24 5530
1 失效方法 $('.test').click(function(){ layer.msg(‘点我，没有反应’); }) 2 正确方法 $(document).on('click','.test',function(){ layer.msg(‘起作用了吧’); }) 3 原因 click只能为页面现有的元素绑定点击事件;动态生成的新的元素，没有事件的 ...
调用 layer.open 方法时，没有弹框动作；layer.open 不弹框
JCM_ZZ的博客
03-09 804
1. 确认是否有逻辑报错； 2. 依赖包是否引入成功或正确； 3. 调用 layer.open 入参的元素id设置不能与html文档内其他元素 id 设置重复。
使用layer的弹窗时，出现layer引入成功，触发成功，控制台无报错，但是页面无变化或者仅出现遮罩层的问题的解决思路
Littleree的博客
10-06 185
使用layer的弹窗时，出现layer引入成功，触发成功，控制台无报错，但是页面无变化或者仅出现遮罩层的问题的解决思路
asp.net mvc 加layui，及中途出现的问题
最新发布
m0_58655601的博客
03-06 1508
});</script>传值：<script>// 提交事件// 获取表单字段值// 显示填写结果，仅作演示用title: '当前填写的字段值'});// 此处可执行 Ajax 等操作$.ajax({data: {},alert("执行失败了!");},alert("成功啦？");});// 阻止默认 form 跳转});
母版页搭建页面框架-003静态页面.rar
03-24
内容页面是与母版页关联的常规ASP.NET页面，它们通过`<asp:Content>`标签定义哪些区域要替换母版页中的占位符。每个`<asp:Content>`标签都应有一个与母版页中`<asp:ContentPlaceHolder>`标签对应的`...
引用母版页后在page页面修改母版页控件的值的方法
01-01
具体条件如下：1、首先该页面必须引用要修改的母版页；2、在page页面通过设置页面指令@MasterType创建对该母版页的强类型引用，指定生成强类型的文件的虚拟路径例如: 代码如下:<%@ MasterType VirtualPath=...
asp.net母版页多种样式.zip
07-08
母版页（Master Page）允许开发人员定义一个全局的页面布局，子页面（Content Page）则可以插入到母版页中，填充特定的内容。这个特性极大地提高了网站的可维护性和一致性。 在"asp.net母版页多种样式.zip"这个...
ASP.Net MVC 布局页、模板页使用方法详细介绍
01-01
一、Views文件夹 -> Shared文件夹下的 _Layout.cshtml 母版页 @RenderBody 当创建基于_Layout.cshtml布局页面的视图时，视图的内容会和布局页面合并，而新创建视图的内容会通过_Layout.cshtml布局页面的@RenderBody...
.Net Core3.1 + EF Core + LayUI 封装的MVC版后台管理系统.zip
05-02
.Net Core3.1 + EF Core + LayUI 封装的MVC版后台管理系统 .Net Core3.1 + EF Core + LayUI 封装的MVC版后台管理系统 .Net Core3.1 + EF Core + LayUI 封装的MVC版后台管理系统 .Net Core3.1 + EF Core + LayUI 封装的MVC版后台管理系统 .Net Core3.1 + EF Core + LayUI 封装的MVC版后台管理系统 .Net Core3.1 + EF Core + LayUI 封装的MVC版后台管理系统 .Net Core3.1 + EF Core + LayUI 封装的MVC版后台管理系统 .Net Core3.1 + EF Core + LayUI 封装的MVC版后台管理系统 .Net Core3.1 + EF Core + LayUI 封装的MVC版后台管理系统 .Net Core3.1 + EF Core + LayUI 封装的MVC版后台管理系统 .Net Core3.1 + EF Core + LayUI 封装的MVC版后台
asp.net母版页如何使用
10-23
7. 当你创建了一个基于母版页的子页面，并在相应的位置插入了内容后，当你访问这个子页面时，母版页中定义的通用布局和样式将会与子页面中插入的内容合并，从而生成最终的页面输出。 在了解了***母版页的使用方法后...
使用Layui 框架，做的界面效果 及经验教训总结（mvc5+EF+layui）
weixin_45256588的博客
08-03 2359
转载自：https://www.cnblogs.com/for-easy-fast/p/12790507.html； 1. 登录界面 login.css body, html { height: 100%; } .layui-admin-login-header { padding: 20px; text-align: center; } .layui-admin-login-header h1 { color: #009688; .
layui制作母版+首页
运维@小兵的博客
02-12 1976
母板base.html <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <title>运维管理系统</title> <link rel="stylesheet" href="/
解决layer.open跨项目弹框问题
onepiece1991的博客
06-18 661
layer.open跨项目弹框前言修改源代码 前言 正常是在同一个项目下调用layer,open来弹出弹框，但是项目中遇到A项目中嵌入B项目的页面，导致现在要去A项目去寻找B项目原本使用layer.open弹出的html(content里)文件，报错404 修改源代码 layer.js代码被压缩了，首先解压(我用的HBuilder X直接Ctrl+k)，找到代码(应该在121行左右)如下 s = function(e) { var t = this; t.index = ++r.in
layer.open打不开弹窗的问题
热门推荐
qq_36804701的博客
04-02 1万+
我的项目页面是复合结构的，使用layui-iframe版的框架，最外面的页面保持不变，然后里面可以打开多个tap。 然后在子iframe里面，调用top.layer.open可以打开一个弹窗，但是当我直接用新的页面打开iframe，调用top.layer.open却不生效。实际上对实际的项目来说影响不大，因为用户都是打开主页，然后用tab的形式打开iframe，不会有这个问题，但是却让我这个强迫...
利用layer实现MVC页面数据互交提示弹框
10-15 305
需求说明： 　　一个表单页面，点击提交之后，进入后台进行一系列数据交互，然后将交互信息返回至页面中，并以弹框形式展示 应用场景： 　　添加、修改、删除数据后，返回数据操作是否成功，以及一些其他信息 前期准备： 一个MVC项目 jquery-3.2.1.js，下载地址：右键另存为 layui-v2.1.5.zip，官网：http://www.layui.com/，使用方法...
.NET Core 框架笔记（一）：使用 layer 弹出框
weixin_44104809的博客
01-14 2000
在.NET Core框架写项目的时候，如何使用layer弹出框一、参考官网二、使用方法三、常用的一些属性（详见官网） 一、参考官网 // 官网网址 http://layer.layui.com/hello.html // 使用方法 // 获得 layer 文件包后，解压并将 layer 整个文件夹（不要拆分结构） 存放到你项目的任意目录，使用时，只需引入 layer.js 即可。 二、使用方法 ...
1.实现简单的增删改查（Asp.Net MVC+Layui）
zeron01的博客
10-27 8611
实现简单的增删改查（Asp.Net MVC+Layui）
ASP.NET页面布局：用户控件与母版页实战解析
"页面布局技术-第01章用户控件与母版页理论课" 在ASP.NET开发中，页面布局是构建高效、可维护的Web应用程序的关键部分。本章主要探讨了两种重要的页面布局技术——用户控件和母版页，它们能够帮助开发者实现页面...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

小白

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值