오늘 문제가 발생했습니다. 버튼을 클릭하여 현재 페이지에 새 작은 창을 추가하여 사진 정보를 표시하는 방법은 무엇입니까?
아래와 같습니다.
클릭하기 전:
클릭 후:
분석: 새로 추가된 작은 창이 상위 페이지에 영향을 미치는 것을 방지하기 위해 여기서는 iframe 프레임워크 기술을 사용합니다.
[
구현 아이디어는 다음과 같습니다. (1) 버튼에 클릭 이벤트를 추가하고, 클릭 후 iframe 창을 추가하고, 생성된 이미지의 주소를 추가합니다.
구체 구현 코드:
(1) 버튼에 클릭 이벤트를 추가합니다.
<input type="radio" name="dynamicType" id="dianji" style="padding: 0 10px 0 5px;margin-left:10px;margin-top: 13px;"/> <p class="loadPhoto"></p> $("#dianji").click(function(){ $("p.loadPhoto").empty(); // 清空原来的p标签的中内容 $("p.loadPhoto").html("<iframe width=520 height=400 name=\"touzizuhe\" id=\"touzizuhe\" frameborder=0 src="生成图片的地址"></iframe>");// 添加iframe的jquery的语句 });
참고: 여기에서 iframe이 개발되면 이미지가 생성된 주소에 자동으로 액세스되므로 이미지 생성 요구가 충족됩니다.
jQuery에서의 iframe 작업에 대한 모든 것입니다(새 창을 만들려면 버튼을 클릭하세요). 도움이 되셨으면 좋겠습니다!