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怎么使用日期控件

为什么我的layui进度条渲染不出来

layui 怎么导入excel

layui监听多个radio事件的方法

layui数据表格url是什么

layui如何实现表格单元格合并

layui实现点击事件的方法

layui如何刷新当前tab选项卡

layui定义一个模块并使用的实例

layui怎么调整弹框大小

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




打赏

取消

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

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

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

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

评论

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