IFrame src 속성 변경

Question

몇 가지 테스트 페이지로 작업 중이며 jQuery를 사용하여 src 특성으로 IFrame에 페이지를로드하는 데 문제가 있습니다. 모든 페이지가 로컬입니다.

여기에 내가 해봤 스크립트는 다음과 같습니다

<iframe id="iframeBox" src="Copy of Default.aspx"></iframe> 

나는 온라인 페이지에이 코드를 사용하려고 :

$(document).ready(function() { 
    $("#button1").click(function() { 
     $("#iframeBox").attr("src", "Default.aspx"); 
    }); 
}); 

---

$(document).ready(function() { 
    $("#button1").click(function() { 
     $("#iframeBox").attr("src") = "Defualt.aspx"; 
    }); 
}); 

이것은 IFrame을위한 마크 업입니다 여전히 작동하지 않았습니다.

IFrame을 사용하는 것이 나쁜 생각이라면 사용할 수있는 다른 방법을 권해주세요. 사이트의 아이디어는 사용자가 을 탐색 할 수있는 주제를 가진 많은 갤러리를 보여 주며 모든 페이지는 갤러리를 보유해야합니다.

나는 galleriffic jQuery 플러그인을 사용하고 있습니다.

Answer 1

속성을 변경해도 iframe의 위치가 변경되지 않습니다.

HTML :

<iframe id="iframeBox" name="iframeBox" src="watever"></iframe> 

자바 스크립트 :

HTML :

<div id="iframeBox" data-src="watever.aspx"></div> 

자바 스크립트 : 나는 그것에 대해 DIV에게의를 사용하는 것이 좋습니다

document.iframeBox.location.href = "Defualt.aspx"; 

그러나

$("div#iframeBox").css("overflow", "auto"); // or do it in css 
$.get($("div#iframeBox").data("src")).success(function(data) { 
    $("div#iframeBox").html(data); 
}).error(function() { $("div#iframeBox").html("Could not load page."); }); 

이 같은 페이지를 변경할 수 있습니다 : $.get("Default.aspx").success(function(data) { $("div#iframeBox").html(data); }).error(function() { alert("Error while changing page!"); });