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请求都受到”同源策略“的约束。”

参考。 Cannot load an external page with jQuery.load into a div in my page

你可以;但是，尝试使用$ .get或只是更改iFrame的来源（非常简单）。

jQuery选项卡不起作用

1 个答案: