Maison > interface Web > Tutoriel Layui > le corps du texte

Comment afficher les données sur la couche contextuelle dans layui

爱喝马黛茶的安东尼
Libérer: 2019-07-11 10:38:30
original
5010 Les gens l'ont consulté

Comment afficher les données sur la couche contextuelle dans layui

Comment layui affiche-t-il les données sur la couche contextuelle :

<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,
  });
}
Copier après la connexion

Erreur : le numéro d'identification ne peut pas être transmis et l'identifiant a été reçu après. le saut de page n'est pas correct, donc la page affichée est incorrecte.

Recommandations associées : "Tutoriel du framework layui"

Cause de l'erreur : Il y a un problème avec la portée de la variable. Les rs ci-dessus ne peuvent pas être transmis à la méthode func11(), il y a donc un problème avec les paramètres transmis.

Solution : ajoutez un paramètre dans la fonction func11() et ajoutez le paramètre id à l'événement click.

Code modifié :

<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
  });
 }
Copier après la connexion

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal