当前位置:Gxlcms > JavaScript > layui怎么对弹出层显示数据

layui怎么对弹出层显示数据

时间:2021-07-01 10:21:17 帮助过:246人阅读

layui怎么对弹出层显示数据?下面给大家举个例子:

  1. <a id="func11" onclick="func11();">点击查看</a>
  2. function func11() {
  3. console.log($.cookie("id"));
  4. //iframe窗
  5. layer.open({
  6. type: 2,
  7. title: false,
  8. shade: [0.5],
  9. title: '商品简介',
  10. shadeClose: true,
  11. shade: 0.5,
  12. skin:'demo-class',
  13. maxmin: true, //开启最大化最小化按钮
  14. area: ['1000px', '660px'],
  15. shift: 2,
  16. content: 'product.jsp?id=<%=rs.getInt(“id”)%>', //iframe的url,
  17. });
  18. }

错误:id号传不过去,页面跳转之后接收的id不正确,所以显示的页面不正确。

相关推荐:《layui框架教程》

错误原因:变量的作用域有问题。在上面的rs不能传到func11()方法里面,所以传递的参数有问题。

解决方法:在func11()函数中添加一个参数,将id这个参数在点击事件里添加进去。

修改后的代码:

  1. <a id="func11" onclick="func11(<%=rs.getInt(“id”)%>);">点击查看</a>
  2. function func11(x) {
  3. $.cookie("id",x);
  4. console.log($.cookie("id"))
  5. //iframe窗
  6. layer.open({
  7. type: 2,
  8. title: false,
  9. shade: [0.5],
  10. title: '商品简介',
  11. shadeClose: true,
  12. shade: 0.5,
  13. skin:'demo-class',
  14. maxmin: true, //开启最大化最小化按钮
  15. area: ['1000px', '660px'],
  16. shift: 2,
  17. content: 'product.jsp?id=' + $.cookie("id"), //iframe的url
  18. });
  19. }

以上就是layui怎么对弹出层显示数据的详细内容,更多请关注Gxl网其它相关文章!

人气教程排行