jquery-ui - 为什么我不能转到特定链接。我正在使用 Jquery Ui 的标签

Question

为什么我登出后无法转到特定链接？我正在使用 jquery 的 ui 选项卡。以及对这种情况的解决方案或建议？还是不可能？

JS代码：$('#tabs').tabs();

<div id="tabs" class="login-tabs">
        <ul>
            <li><a href="#Home">Home</a></li>
            <li><a href="#Profile"></a></li>
            <li><a href="#Messages">Messages</a></li>
            <li><a href="#Notifications">Notifications</a></li>
            <li><a href="#Find">Find Friends</a></li>
            <li><a href="destroy.php">Sign out</a></li>
        </ul>
        <div id="Home">

        </div>
        <div id="Profile">

        </div>
        <div id="Messages">

        </div>
        <div id="Notifications">

        </div>
        <div id="Find">

        </div>
    </div>

Answer 1

您可以为锚点提供真正的 href 属性，如下所示：

<div id="tabs"> 
<ul> 
    <li><a href="home.php">Home</a></li> 
    <li><a href="profile.php">Profile</a></li> 
    <li><a href="messages.php">Messages</a></li> 
</ul>

默认情况下，这将尝试通过 AJAX 将这些页面加载到相应的选项卡中。要防止这种行为，只需在 select 事件中自己更改 window.location ，如下所示：

$("#tabs").tabs({
select: function(event, ui) {
   window.location = $.data(ui.tab, 'href.tabs');
}
});​​​​​​​

仅针对一个链接，您可以尝试此...

if(parentID == '#ui-tabs-3') //The value of var parentID
{
 $('#tabs').each(function() {
      if($(this).attr('href') == parentID)
      {
          $(this).bind('select', function() {  
              window.location = $.data(ui.tab, 'href.tabs');
          });
      }
     });
}