在jquery选项卡中单击锚元素会在* tab外部加载新页面

Question

我希望能够从jQuery选项卡中的页面单击achor元素，并将该新页面直接加载到原始选项卡中。我使用了jQuery教程页面中的示例代码，但无济于事！

当我点击锚标记时，我会被重定向到www.google.com，但会丢失我的标签。有谁知道我做错了什么？真的很感激。谢谢！

$(document).ready(function(){
    $("#tabs").tabs();
});
$('#tabs').tabs({
    load: function(e, ui) {
        $('a', ui.panel).click(function() {
            $(ui.panel).load(this.href);
            return false;
        });
    }
});

Answer 1

我猜测执行第二个语句时#tabs不存在，因此永远不会添加load事件。

试试这个

$(document).ready(function(){
    $('#tabs').tabs({
        load: function(e, ui) {
            $('a', ui.panel).click(function() {
                $(ui.panel).load(this.href);
                return false;
            });
        }
    });
});