layui怎么对弹出层显示数据


本文摘自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"));

  //iframe窗

  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”)%>', //iframe的url,

  });

}

错误: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"))

  //iframe窗

  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"), //iframe的url

  });

 }

以上就是layui怎么对弹出层显示数据的详细内容,更多文章请关注木庄网络博客

相关阅读 >>

layui打开的layer的iframe窗口怎么关闭

layui判断表单是否为空

layui时间选择框介绍

如何解决vue中layui报错问题

layui表格数据变更的一种处理方式

layui的文件上传功能怎么获取文件名

layui怎么加图标

webpack打包layui实现步骤

layui框架的flow组件常见用法总结

layui时间控件清空之后无法正常使用的问题

更多相关阅读请进入《layui》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...