如下所示： layer.open({type : 2,title : 重命名,maxmin : true,shadeClose : true, // 点击遮罩关闭层area : [ 200px, 150px ],content : getContext() + "/node/torenamenode?nodeName="+nodeName,btn: [确定],yes: function(index, layero){//do something//callbackdata是弹出层的方法,返回参数var nodeName = window[" layui-layer-iframe" + index].callbackdata();$.ajax({type : "POST",url : getContext()+ /node/rename...
js实现点击图片在屏幕中间弹出放大效果 效果图点击图片后关键代码 html <div><img height="100" width="100" src="https://cdn.pixabay.com/photo/2018/08/14/13/23/ocean-3605547_960_720.jpg" class="pic"/><img height="100" width="100" src="https://cdn.pixabay.com/photo/2011/12/14/12/21/orion-nebula-11107_960_720.jpg" class="pic"/><img height="100" width="100" src="https://cdn.pixabay.com/photo/2017/08/30/01/...
因为项目框架用了iframe，所以在用layer时，默认layer.open弹出的窗口只能在iframe子窗口区域显示。现在想让layer在父窗口或者说框架的最顶层显示，想到用top.layer.open或者parent.layer.open,但是没反应。后面想到应该是在父页面中没有导入layer.js文件，导入后就能正常显示在父窗口页面区域了。 显示在顶层窗口 top.layer.open({type: 2,title: 标题,shadeClose: true,shade: 0.3,area : [850px , 450px],content: http://sents...
首先从js开始 /*** 检查是否选中*/ Sendandre.check = function () {var selected = $(# + this.id).bootstrapTable(getSelections);if (selected.length === 0) {Feng.info("请先选中表格中的某一记录！");return false;} else {Sendandre.seItem = selected[0];console.log(Sendandre.seItem);return true;} };/*** 点击修改按钮时*/ Sendandre.openChangestan = function () {if (this.check()) {this.layerIndex = layer.open(...
听说是因为 JQuery 的版本冲突问题，在找到具体问题之前，先在代码里加一个 return false 解决问题； <button class="layui-btn" lay-submit lay-filter="test" οnclick="return false;">立即提交</button>js：//监听提交form.on(submit(test), function(data) {console.log(data.field);layer.confirm("确认要提交吗?", {title: "单位新增",yes:function () {layer.msg("yes");}})以上这篇关于layui 弹出层一闪而过就消失的解决方...
列表HTML：data-id="{$ls[sid]}" 和class=" del" <td><a href="{:U(Single/single,[sid=>$ls[sid]])}" rel="external nofollow" class="layui-btn layui-btn-mini">编辑</a><a href="javascript:;" rel="external nofollow" data-id="{$ls[sid]}" data-opt="del" class="layui-btn layui-btn-danger layui-btn-mini del">删除</a></td> js： <script type="text/javascript">layui.use(layer, function(){var $ = layui.jquery;// ...
如下所示：<button lay-id="{$id}" class=layui-btn layui-btn-normal correct_finish οnclick="return confirm("确定试卷所有题目都批改完吗?一但确定就不能再批改！")">批改完毕</button>以上这篇layui button 按钮弹出提示窗口,确定才进行的方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
layer.confirm弹出框，当你点击第一个按钮的时候，这个弹出层不会关闭，也是给一些小伙伴带来了一些困扰， 下面分享两个解决方案： ①可以将第一个按钮的回调函数传一个index，然后使用layer.close("index")就可以点击第一个按钮的时候关闭弹出框了，代码如下：②第二种方法就非常的粗暴了，你可以直接在这个回调函数中写： layer.closeAll(dialog);也能实现点击第一个按钮的时候关闭弹出框 以上这篇layer.confirm点击第一个按钮关...
如下所示： var html = <form class="layui-form" action="">+ <div class="layui-form-item"><label class="layui-form-label">角色名</label><div class="layui-input-block"><input type="text" name="rolename" required lay-verify="required" placeholder="请输入角色名" autocomplete="off" class="layui-input"></div></div>+ <div class="layui-form-item layui-form-text"><label class="layui-form-label">角色描述</la...
做了个prompt弹出框，希望点击确定按钮的时候也能触发确定的事件，用户习惯的原因，在输入框输入框数据后，再重新拿起鼠标点击太麻烦，所以想着点击确定按钮触发事件。 layer.prompt({title: 请输入数据, formType: 1,// 这个是确定按钮的事件"success":function(){// 键盘事件，判断回车$("input.layui-layer-input").on(keydown,function(e){if (e.which == 13) {// 取输入框数据 和123456 比较if("123456" == $(this).val()){al...
项目中有弹出层的内容是不固定的，根据情况可能变长变短，于是就要求做layer弹出层的大小自适应，查询了api后发现 layer.iframeAuto方法可以实现，这里吐槽一点，ie浏览器的html没有被body撑大，而iframeAuto方法是根据html的高度计算的，导致我之前出现在ie下，调用iframeAuto后高度直接变零。 好了，做好了这一点之后，测试又提出一个问题，因为他是用小屏幕测试的，上面的位置没有变，弹出层变长以后按钮就被挤到下面去了。所以...
1、click只能为页面现有的元素绑定点击事件，如果是动态生成的新的元素，是没有事 件的 2、而(document).on(“click”,”指定的元素”,function()); 方法则是将指定的事件绑定在document上，而新产生的元素如果符合指定的元素，那就触发此事件不起作用：(document).on(“click”,”指定的元素”,function()); 方法则是将指定的事件绑定在document上，而新产生的元素如果符合指定的元素，那就触发此事件不起作用： (‘#test).on(‘c...
前言 icon参数为0，如下代码： layer.msg(请选择要编辑的机构, {icon: 0});运行结果如图： icon参数为1，如下图icon参数为2，如下图：icon参数为3，如下图：icon参数为4，如下图：icon参数为5，如下图：icon参数为6，如下图：icon参数为7，如下图：2. 确认框示例 //锁定机构 function lockOrg(){var row = orgDataGrid.datagrid(getSelected);if(row){//弹出确认框layer.confirm(您确定要修改[ + row.name + ]的状态吗, {icon: 3, ...
最近做一个项目，使用LAYUI，在界面上Z弹出一个界面A，A上有TAB选项卡，分别为界面B、C；B界面上有一个列表，双击败列表行时，要把数据回写到界面Z; 界面A上有提交按钮，选中B界面上列表某一条数据，界面A上点提交时，同样回写数据到Z； 实现：双击：B上实现双击方法，调用A上界面方法，再调用Z界面上方法； B界面上方法： function dbclick_select(row,index){ debugger;if(row == null){var nodes=$("#TableSelectList").bootstr...
如下所示： // 弹出楼栋负责人信息页面layer.open({type: 2,title:请选择楼栋负责人,maxmin: false,area: [60%, 80%],offset: 0px,content: ${ctx}/life/houserInsertion/headBuildingInfo?pkProject=+pkProject,btn: [确定,关闭],yes: function(index){//当点击‘确定按钮的时候，获取弹出层返回的值var res = window["layui-layer-iframe" + index].callbackdata();//打印返回的值，看是否有我们想返回的值。console.log(res);fo...