ホームページ  >  記事  >  ウェブフロントエンド  >  Lauiuiでポップアップレイヤーにデータを表示する方法

Lauiuiでポップアップレイヤーにデータを表示する方法

爱喝马黛茶的安东尼
爱喝马黛茶的安东尼オリジナル
2019-07-11 10:37:374936ブラウズ

Lauiuiでポップアップレイヤーにデータを表示する方法

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
  });
 }

以上がLauiuiでポップアップレイヤーにデータを表示する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。