많은 페이지에서 동적으로 iFrame을 만듭니다. iFrame에는 사용자가 몇 가지 정보를 입력하는 대화 상자가 있습니다. 이것은 여러 웹 사이트가 동일한 대화 상자를 사용해야하기 때문에 별도의 웹 서버에 있습니다. 사용자가 데이터 입력을 마치면 div의 표시를 없음으로 변경하여 대화 상자를 숨 깁니다. 유일한 문제는 iFrame이 여전히 존재하며 투명하지만 iFrame의 모든 콘텐츠를 클릭 할 수 없다는 것입니다. 어쨌든 iFrame 내부의 대화 상자가 iFrame이 iFrame이 존재하는 페이지의 아무 것도 표시하지 않도록 변경하는 지정된 작업을 수행합니까?동적 iFrame의 표시 속성 변경
var PageOutput = "<iframe id=\"FiFrame\" src=\"myPage-1.html\" style=\"display: none; border: none; overflow: hidden; height: 500px; width: 300px; position:absolute; left: 0; top: 0;\"></iframe>";
var Icon = "<a href=\"#\" id=\"FLink\"><img src=\"images/feedback_button.png\" alt=\"\" style=\"position: fixed; right: 40%; top: 20%;\"/></a>";
$(document).ready(function() {
$(PageOutput).appendTo(document.body);
$(Icon).appendTo(document.body);
$('#FLink').click(function() {
$('#FiFrame').fadeIn(1000);
});
});