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

发布于 2024-09-04 06:20:16 字数 405 浏览 3 评论 0原文

我希望能够从 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;
        });
    }
});

原文

I would like to be able to click on an achor element from a page inside a jQuery tab and have that new page load directly inside the original tab. I used sample code from the jQuery tutorial page but to no avail!

When I click on the anchor tag, I get redirected to www.google.com but lose my tabs. Does anyone know what I'm doing wrong? would really appreciate it. Thanks!

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

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

允世 2024-09-11 06:20:16

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

试试这个

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

I'm guessing that #tabs is not present when that second statement is executed, and so the load event is never added.

Try this

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

回复收藏 0 原文

~没有更多了~