2011-05-27 4 views
1

jqueryを使用して拡張メニューがあります。 1つのことを除いてうまくいく:ユーザーがページから離れてメニューが崩壊するとき。ユーザーが最後の< li>リンクのいずれかをクリックすると、メニューが開いたままになります。これらのリンクはすべて同じページを開きます。これらのページのコンテンツはデータベースから取得され、?id =によって決定されます。ここで ページの変更を開いたままにする

はコードです:

HTML:

<ul id="nav"> 
    <li><a href="javascript:;">Products</a> 
      <ul id="nav2"> 
     <li><a href="javascript:;">Domestic Market</a> 
      <ul> 
       <li><a href="index.php?page=Product&id=1">Link1</a></li> 
        <li><a href="index.php?page=Product&id=2">Link2</a></li> 
        <li><a href="index.php?page=Product&id=3">Link3</a></li> 
     </ul> 
     </li> 
     <li><a href="javascript:;">Commercial Market</a> 
      <ul> 
       <li><a href="">Coming Soon</a></li> 
      </ul> 
     </li> 
     </ul> 
     </li> 
     </ul> 

CSS:

ul { 
    padding: 0px; 
    margin: 0px; 
    width: 10em; 
     list-style-type:none; 

} 
li { 
    font: 100% Verdana, Arial, Helvetica, sans-serif; 
font-size:12px; 
color:#003; 
} 

li ul { 
    display: none; 
} 
li.active > ul { 
    display: block; 
} 

jQueryの:私は最終的< LI>さんを保つにはどうすればよい

$('#nav').delegate('li,a', 'click', function(e) { 
    e.stopPropagation(); 

    var self = $(e.target), 
     //get a reference to the clicked element 
     active = self.parents().andSelf() //select all li's that should be active 
     .addClass('active'); //and activate them 
    $('#nav .active').not(active).removeClass('active'); //deactivate others 
}); 

$(document).click(function(){ 
    $('.active').removeClass('active'); 
}); 

開いた?

答えて

1

クッキーに値を保存し、ページの読み込み時に値を設定することをお勧めします。

まず、jQuery Cookieプラグインhereをダウンロードすることをお勧めします。 それは良いプラグインです、それは小さいです。

$.cookie("cookie_name); 

し、現在のクリック機能に似た何かを適切に設定します。あなたは価値を引き出すことができるdocument.ready上

$.cookie("cookie_name", "cookie_value"); 

そして:値を設定してください。

関連する問題