>웹 프론트엔드 >레이이 튜토리얼 >Layui의 팝업 레이어에 데이터를 표시하는 방법

Layui의 팝업 레이어에 데이터를 표시하는 방법

爱喝马黛茶的安东尼
爱喝马黛茶的安东尼원래의
2019-07-11 10:37:375054검색

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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.