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的来源（非常简单）。