Jquery在当前静态选项卡中打开链接而不是离开页面

Question

我需要在当前标签中打开链接而不是离开页面，我发现这个example但只有在通过Ajax加载标签时才有效

如何使其与静态标签一起使用？

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

Answer 1

您需要在放置静态内容的div上调用此脚本（在.tabs()初始化后尝试）：

$('.tab').each(function() {
   var tab = $(this);
   tab.find('a').click(function() {
       tab.load(this.href);
       return false;
   });
});

或尝试create事件的句柄：

$("#example").tabs({
   create: function(event, ui) { 
               $('a', ui.panel).click(function() {
                  $(ui.panel).load(this.href);
                  return false;
               });
           }
});