本文摘自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打开的layer的iframe窗口怎么关闭
layui判断表单是否为空
layui时间选择框介绍
如何解决vue中layui报错问题
layui表格数据变更的一种处理方式
layui的文件上传功能怎么获取文件名
layui怎么加图标
webpack打包layui实现步骤
layui框架的flow组件常见用法总结
layui时间控件清空之后无法正常使用的问题
更多相关阅读请进入《layui》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » layui怎么对弹出层显示数据