崩潰菜單導航的引導3

點擊後繼續開放，我有這方面的工作：http://jsfiddle.net/JpJqD/2/崩潰菜單導航的引導3

，但想做到這一點：

例如：如果點擊鏈接「創建用戶」之一，它登錄到我的網站中的某個頁面上時，菜單或導航欄會自動摺疊。你如何設置它爲主頭「用戶」保持開放，而不是崩潰？請幫忙。謝謝

<div class="panel panel-default"> 
    <div class="panel-heading"> 
     <h3>Navigation</h3> 
    </div> 

    <div id="sidebar" class="list-group"> 

     <a href="#" class="list-group-item active"> 
      <i class="icon-dashboard"></i> Dashboard 
     </a> 

     <a href="#users" class="list-group-item" data-parent="#sidebar"> 
      <i class="icon-group"></i> Users 
      <span class="badge bg_danger">0</span> 
     </a> 

     <div id="users" class="list-group subitem collapse">  

      <a href="#" class="list-group-item"> 
       <i class="icon-caret-right"></i> Users 
       <span class="badge bg_danger">0</span> 
      </a> 

      <a href="#" class="list-group-item"> 
       <i class="icon-caret-right"></i> Create User 
      </a> 

      <a href="#" class="list-group-item"> 
       <i class="icon-caret-right"></i> Create Group 
      </a> 

     </div> 

     <a href="#articles" class="list-group-item" data-parent="#sidebar"> 
      <i class="icon-file-text"></i> Articles 
      <span class="badge bg_danger">0</span> 
     </a> 

     <div id="articles" class="list-group subitem collapse"> 

      <a href="#" class="list-group-item bg_warning"> 
       <i class="icon-caret-right"></i> Articles 
       <span class="badge bg_danger">0</span> 
      </a> 

      <a href="#" class="list-group-item"> 
       <i class="icon-caret-right"></i> Create Article 
      </a> 

     </div> 

    </div> 
</div> 

$('#sidebar > a').on('click', function (e) { 
    e.preventDefault(); 

    if(!$(this).hasClass("active")){ 
     var lastActive = $(this).closest("#sidebar").children(".active"); 
     lastActive.removeClass("active"); 
     lastActive.next('div').collapse('hide'); 
     $(this).addClass("active"); 
     $(this).next('div').collapse('show'); 
    } 
});

來源

2013-12-10 user2343800

我想你需要做的是將父div的ID添加到鏈接的末尾。例如url?link='users'

然後，您可以從url中獲取鏈接值。以下鏈接演示如何完成此操作 How can I get query string values in JavaScript?

然後，一旦您從url中獲取值，就可以在頁面加載時觸發點擊。

var link = 'users'; // or the value grabbed from the url 
$('a[href="#'+link+'"').trigger('click');

例

http://jsfiddle.net/trevordowdle/JpJqD/76/

來源

2013-12-11 00:34:18 Trevor

@ user2343800我可以得到我的回答一些建議嗎？這對你有幫助嗎？或者你仍然有問題得到它的工作？ – Trevor

崩潰菜單導航的引導3

回答

相關問題