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;
    }
  });

我将hrefs添加到其他页面的标签页。问题是，我在页面上使用了ajax并通过ajax调用onload它发布到url。我希望完全禁用标签的ajax并将其用于直接导航，以便我可以利用这些样式。

Answer 1

我最近实现了jquery选项卡，但修改它以满足我自己的需要。基本上它现在只是一个格式化的无序列表，只要单击它就会更改所选选项卡的CSS。然后，正常的'a'标记点击事件处理href get。这是我的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>

Jquery UI选项卡，如何在没有ajax的情况下执行页面导航？

1 个答案: