更改IFrame src屬性

Question

我正在使用一些測試頁面，並且我無法使用jQuery將頁面加載到帶有src屬性的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 id="iframeBox" src="Copy of Default.aspx"></iframe>

我嘗試將此代碼用於在線頁面，但仍然無效。

如果使用IFrame是一個壞主意，你能否請我推薦一種我可以使用的不同方法。 該網站的想法是向許多畫廊展示用戶可以瀏覽的主題，每個頁面都應該有一個畫廊。

我正在使用： 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!"); });