0

サインアウトすると特定のリンクに移動できないのはなぜですか? これで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>
4

1 に答える 1

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

1 つのリンクだけで、これを試すことができます...

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');
          });
      }
     });
}
于 2012-09-22T14:38:40.803 に答える