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