Jquery UI Tabs，如何在没有ajax的情况下进行页面导航？

Question

如何在不触发 ajax 事件的情况下使用 Jquery 选项卡执行页面导航？按照教程，我添加了

$("#tabs").tabs({
  select: function (event, ui) {
      var url = $.data(ui.tab, 'load.tabs');
      if (url) {
        location.href = url;
        return false;
      }
      return true;
    }
  });

我还向前往其他页面的选项卡添加了 href。问题是，我在页面上使用了 ajax，并通过 ajax 调用 onload 将其发布到 url。我希望完全禁用选项卡的 ajax，只使用它们进行直接导航，这样我就可以利用这些样式。

Answer 1

我最近实现了 jquery 选项卡，但对其进行了修改以满足我自己的需求。基本上它现在只是一个格式化的无序列表，每当单击所选选项卡时我都会更改它的 CSS。然后正常的“a”标签单击事件处理 href 获取。这是我的 Javascript 和 HTML:

function tabClickEvent() {
    $('div.nav ul.tabNavigation a').click(function () {
        $('div.nav ul.tabNavigation a').removeClass('selected');
        $(this).addClass('selected');
    });
}

<div class="nav">
    <ul class="tabNavigation">
        <li class="tabbutton"><a href="<%= Url.RouteUrl("main") %>" id="all">all</a></li> 
        <li class="tabbutton"><a href="<%= Url.RouteUrl("wants") %>" id="wants">wants</a></li> 
        <li class="tabbutton"><a href="<%= Url.RouteUrl("needs") %>" id="needs">needs</a></li> 
    </ul>
</div>