首頁 > web前端 > Layui教程 > layui怎麼對彈出層顯示數據

layui怎麼對彈出層顯示數據

爱喝马黛茶的安东尼
發布: 2019-07-11 10:38:30
原創
5065 人瀏覽過

layui怎麼對彈出層顯示數據

layui怎麼對彈出層顯示資料?下面給大家舉個例子:

<a id="func11" onclick="func11();">点击查看</a>
function func11() {
  console.log($.cookie("id"));
  //iframe窗
  layer.open({
   type: 2,
   title: false,
   shade: [0.5],
   title: &#39;商品简介&#39;,
   shadeClose: true,
   shade: 0.5,
   skin:&#39;demo-class&#39;,
   maxmin: true, //开启最大化最小化按钮
   area: [&#39;1000px&#39;, &#39;660px&#39;],
   shift: 2,
   content: &#39;product.jsp?id=<%=rs.getInt(“id”)%>&#39;, //iframe的url,
  });
}
登入後複製

錯誤:id號傳不過去,頁面跳轉之後接收的id不正確,所以顯示的頁面不正確。

相關推薦:《layui框架教學

錯誤原因:變數的作用域有問題。在上面的rs不能傳到func11()方法裡面,所以傳遞的參數有問題。

解決方法:在func11()函數中加入一個參數,將id這個參數在點擊事件裡加進去。

修改後的程式碼:

<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: &#39;商品简介&#39;,
   shadeClose: true,
   shade: 0.5,
   skin:&#39;demo-class&#39;,
   maxmin: true, //开启最大化最小化按钮
   area: [&#39;1000px&#39;, &#39;660px&#39;],
   shift: 2,
   content: &#39;product.jsp?id=&#39; + $.cookie("id"), //iframe的url
  });
 }
登入後複製

以上是layui怎麼對彈出層顯示數據的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板