jQuery選項卡不起作用

Question

我不知道為什么這行不通，盡管它應該：

$('#group-tabs').tabs({
    iframe: true,
    load: function(event, ui) {
        $('a', ui.panel).click(function() {
            $("#test").load(this.href);
            return false;
        });
    }
});

稍舊的版本（jquery 1.8.x和jquery-ui 1.9.x）

http://jsfiddle.net/QGZZT/1/

Answer 1

您需要更改JavaScript，但是訪問的元素錯誤：

$('#group-tabs').tabs({
    iframe: true,
    beforeLoad: function(event, ui) {
        $('a').click(function() {
            alert(this.href);
            $(".tab-content").load(this.href);
            return false;
        });
    }
});

參考 http://jsfiddle.net/QGZZT/2/

但是，我不相信您能夠做您想做的事情，因為“由於瀏覽器的限制，大多數Ajax請求都受“相同來源策略”的約束。”

參考 無法使用jQuery.load將外部頁面加載到我頁面的div中

您可以; 但是，請嘗試使用$ .get或簡單地更改iFrame的來源（非常簡單）。