【layui】弹出层子页面动态生成元素

已于 2024-09-12 17:16:37 修改
阅读量534 收藏 1
点赞数
分类专栏： 前端框架 文章标签： layui 前端 css
于 2021-04-06 19:59:46 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42479293/article/details/115469237
版权

获取子页面元素

var second_menu = $(layero).find('iframe').contents().find('#second_menu');

在该元素内添加子元素

second_menu.append(li_dd);

注：append方法，layer内的元素用append。父页面获取的元素用appendChild()

 
初叙
关注
专栏目录
怎么添加、删除和修改DOM元素
weixin_45788388的博客
05-11 894
DOM的任何一个节点都是可以操作的。操作无非就是增删改查。
layui弹出层子页面获取父级页面元素
testHjy的博客
11-24 3621
需求：点击父页面内容库，弹出子页面列表，点击添加按钮，将子页面信息回填到父页面中对应的区域。同过ID找到元素，再用$(元素)转为对象，再复制即可。
layui 弹出层的操作按钮栏增加元素
卑微的码农
12-08 1178
if (parent.$('div[class="layui-layer-btn layui-layer-btn-"]').children().size() > 2) { } else { parent.$('div[class="layui-layer-btn layui-layer-btn-"]').append('<span style="float: left;">\n' + ' <span style="c...
apiCloud结合layer实现动态数据弹出层
weixin_34252090的博客
02-26 155
css /** 我的二维码 begin **/ .aui-list .wechat-media { width: 3rem; } .wechat-middle { padding: 1.3em 3.2em 0.5em; } .ewm { padding: 0 ...
layerui动画元素
gzkahjl的博客
08-24 362
旋转的序号，如图所示： &lt;div class="layui-anim layui-anim-rotate circle" data-anim="layui-anim-rotate"&gt;1&lt;/div&gt; /*CSS样式小圆圈*/ .circle{width: 30px;height: 30px;line-height: 30px;text-align: center;ba...
layui 如何去dom_Layui 自动生成DOM
weixin_39897267的博客
01-12 254
在结合layui 使用时，遇到了一个很神奇的问题，暂时没弄清楚问题出在什么地方，先记下直接使用没有问题，但是放在layui 内就不行str1 loading...// use layui.elementlayui.use('element',() => {var element = layui.element;// 事件监听element.on('nav(nav)',(elem) =&...
Layui弹出层取值
cedarMei的博客
04-18 1097
Layui弹出层取值 1.首先在父页面定义要传过去的值 table.on('tool(demo)', function (obj) { //obj为当前行对象 var data = obj.data; json = JSON.stringify(data); title = obj.event; //如果监听到父页面点击的是修改按钮 if (obj.event === 'edit') {
layui 父页面获取弹出层子页面值
最新发布
06-13
可以通过以下步骤在layui父页面获取弹出层子页面的值： 1. 在子页面中定义一个函数，用于获取需要传递的值并返回。 例如，在子页面中定义一个函数 `getVal()`，用于获取输入框的值： ``` function getVal() { ...
layui子弹窗（子页面）像父页面传递数值
xinshouxuexi1的博客
06-22 948
1、子页面分析数据，将值传给父级页面的函数。 parent代表父级页面 getSIngleSonData是父级页面的js函数 parent.getSingleSonData(single_ids); 子页面实例如下 <script> $('#adds').click(function() { // alert(123); var single_ids = []; $('input[name="checkbox"]:checked').eac
PB动态生成菜单
08-11
2、这些子ITEM项目仍是MENU类型，因此可以按照第一点的逻辑继续向下层推广，借助该子ITEM的ITEM[]属性可以进而访问其所属下层的第二层子菜单，推而广之，即可全面遍历整个菜单体系的所有子菜单项目； 3、既然该属性...
Layui 总结（1） 弹出层
dianfengzao1245的博客
11-24 153
1.弹出小提示tips 默认吸附在自己地方控制弹出的位置 可以让其吸附在其他元素附近 ，在内容后面增加一个jq选择器 <input type="text"> <span id="ss">asdasdasdasdweq</span> <script> function tan() { layer.t...
Layui上传文件对动态生成的页面元素按钮添加委托事件
hehuan8363的博客
01-06 1684
通常我们在使用Layui的上传文件功能时，由于事件冒泡的机制，动态元素绑定layui时会出现点击无效的情况，这时候我们就需要用到委托的方式来实现动态元素的点击效果 // 新添加加的form委托事件 layui.use('upload', function(){ var upload = layui.upload; //商标信...
layui Ajax请求完数据动态添加html后重新渲染dom层
a5252145的博客
08-06 5707
layui Ajax请求完数据动态添加html后重新渲染dom层 layUI ajax加载html页面后渲染，关键在将html插到指定位置后重新调用element.init(); $.ajax({ url : url, type : 'GET', success : function(data) { $("#layui-tab-title").append("<li cla...
layui循环数据并渲染_layui动态渲染生成左侧3级菜单的方法(根据后台返回数据)...
weixin_33794626的博客
01-14 2116
声明：这里非常感谢闲心大神，开源了非常好用的前端UI框架，layui，如有侵权请联系我。当然闲心在2.0版本的layuiAdmin已经支持了，不过是收费版的，需要的同学可以自行购买，网址：http://www.layui.com/admin/pro/本人在做管理后台事用到了左侧的导航列表，但是管理后台进来的菜单是根据不同账户的权限，显示不同的菜单。这时候需要动态的渲染左侧的列表。但是1.0版本只是...
layui中layer.photo动态添加的图片，每次弹出上一张添加的图
Eling
08-21 2524
layui版本：2.5以上 修改layer.js源码，注意h(); 调用位置 修改前： if (n || p.on("click", t.img, function() { var e = i(this), n = e.attr("layer-index"); r.photos(i.extend(t, { photos: { ...
layui 动态添加的元素事件
xuxiaopang0417的博客
07-16 7245
<div class="layui-form-item"> <div class="layui-input-block"> <label><input class="layui-btn" type="button" data-method="addInput" value="add"><...
解决Layui动态生成select下拉选择框不显示问题
supramolecular的博客
07-10 2万+
&lt;div class="layui-form-item"&gt; &lt;label class="layui-form-label"&gt;执行周期&lt;/label&gt; &lt;div class="layui-input-inline" style="width: 90px;"&gt
使用layui，动态生成的标签加onclick点击事件,终于找到一个能用的方法了,可以获取当前元素
热门推荐
capricornce的博客
11-20 3万+
使用layui的时候，动态生成一段数据： "&lt;i class='fa fa-clock-o fa-1g' style='color: darkgrey; padding-left: 80px'&gt; "+val.insertTime+"&lt;/i&gt; 想给这个 &lt;i&gt;&lt;/i&gt;标签加点击事件： 因为用的layui框架，整体上也用了它的一些规则： ...
layUI动态生成html后重新渲染的方法
u013952845的博客
05-13 5162
layUI动态生成html后重新渲染的方法如下，主要方法是element.init() layui.use(['element','layer'], function(){ var element = layui.element; var layer = layui.layer; element.init(); //这行代码就是关键 });
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值