이번에는 jQuery를 사용하여 iframe 창을 추가하거나 삭제할 때의 주의사항에 대해 알려드리겠습니다. 아래에서 실제 사례를 살펴보겠습니다.
오늘 문제가 발생했습니다. 버튼을 클릭하여 현재 페이지에 새 작은 창을 추가하여 사진 정보를 표시하는 방법은 무엇입니까?
아래 그림과 같이:
클릭 전:
클릭 후:
분석: 새로 추가된 작은 창이 상위 페이지에 영향을 미치는 것을 방지하기 위해 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的语句 });
이 글의 사례를 읽으신 후 방법을 마스터하셨다고 생각합니다. 더 흥미로운 정보를 보려면 다음 페이지의 다른 관련 기사를 참고하세요. PHP 중국어 웹사이트!
추천 도서:
jQuery+Ajax를 사용하여 테이블 데이터 제목 정렬 구현
위 내용은 jQuery는 iframe을 작동하여 창을 추가하고 삭제합니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!