Heim > Web-Frontend > Layui-Tutorial > So zeigen Sie Daten auf der Popup-Ebene in Laui an

So zeigen Sie Daten auf der Popup-Ebene in Laui an

爱喝马黛茶的安东尼
Freigeben: 2019-07-11 10:38:30
Original
5040 Leute haben es durchsucht

So zeigen Sie Daten auf der Popup-Ebene in Laui an

Wie zeigt Laui Daten auf der Popup-Ebene an? Hier ist ein Beispiel:

<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,
  });
}
Nach dem Login kopieren

Fehler: Die ID-Nummer kann nicht übergeben und die ID danach nicht empfangen werden Der Seitensprung ist nicht korrekt, daher ist die angezeigte Seite falsch.

Verwandte Empfehlungen: „Layui-Framework-Tutorial

Fehlerursache: Es liegt ein Problem mit dem Gültigkeitsbereich der Variablen vor. Die obigen RSs können nicht an die Methode func11() übergeben werden, daher stimmt etwas mit den übergebenen Parametern nicht.

Lösung: Fügen Sie einen Parameter in der Funktion func11() hinzu und fügen Sie den Parameter id zum Klickereignis hinzu.

Geänderter Code:

<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
  });
 }
Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonSo zeigen Sie Daten auf der Popup-Ebene in Laui an. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage