本文摘自PHP中文网,作者爱喝马黛茶的安东尼,侵删。
layui怎么对弹出层显示数据?下面给大家举个例子:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 | <a id= "func11" onclick= "func11();" >点击查看</a>
function func11() {
console.log($.cookie( "id" ));
layer.open({
type: 2,
title: false,
shade: [0.5],
title: '商品简介' ,
shadeClose: true,
shade: 0.5,
skin: 'demo-class' ,
maxmin: true,
area: [ '1000px' , '660px' ],
shift: 2,
content: 'product.jsp?id=<%=rs.getInt(“id”)%>' ,
});
}
|
错误:id号传不过去,页面跳转之后接收的id不正确,所以显示的页面不正确。
相关推荐:《layui框架教程》
错误原因:变量的作用域有问题。在上面的rs不能传到func11()方法里面,所以传递的参数有问题。
解决方法:在func11()函数中添加一个参数,将id这个参数在点击事件里添加进去。
修改后的代码:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 | <a id= "func11" onclick= "func11(<%=rs.getInt(“id”)%>);" >点击查看</a>
function func11(x) {
$.cookie( "id" ,x);
console.log($.cookie( "id" ))
layer.open({
type: 2,
title: false,
shade: [0.5],
title: '商品简介' ,
shadeClose: true,
shade: 0.5,
skin: 'demo-class' ,
maxmin: true,
area: [ '1000px' , '660px' ],
shift: 2,
content: 'product.jsp?id=' + $.cookie( "id" ),
});
}
|
以上就是layui怎么对弹出层显示数据的详细内容,更多文章请关注木庄网络博客!
相关阅读 >>
layui怎么使用日期控件
为什么我的layui进度条渲染不出来
layui 怎么导入excel
layui监听多个radio事件的方法
layui数据表格url是什么
layui如何实现表格单元格合并
layui实现点击事件的方法
layui如何刷新当前tab选项卡
layui定义一个模块并使用的实例
layui怎么调整弹框大小
更多相关阅读请进入《layui》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » layui怎么对弹出层显示数据