Изменение атрибута src IFrame

Question

Я работаю с несколькими тестовыми страницами, и у меня возникают проблемы с загрузкой страниц в IFrame с помощью атрибута src с помощью jQuery. Все страницы являются локальными.

Вот сценарии я пробовал:

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

---

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

Это разметка IFrame:

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

Я пытался использовать этот код с интернет-страниц и это все еще не сработало.

Если использовать IFrames - это плохая идея, можете ли вы порекомендовать мне другой метод, который я могу использовать. Идея сайта - показать много галерей с предметами, которые пользователь может просматривать , и каждая страница должна содержать галерею.

Я использую: galleriffic плагин jQuery.

Answer 1

Изменение атрибута не изменит местоположение iframe.

HTML:

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

JavaScript:

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

Но я рекомендую использовать DIV для что:

HTML:

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

JavaScript:

$("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!"); });