Jquery Toggle無法正常工作（它隱藏了我的切換按鈕）

Im使用Bootstrap 3製作響應式管理儀表板。所以我創建了一個顯示按鈕並隱藏側邊欄。不知何故，當我加載我的網頁時，它隱藏了我的切換按鈕和切換事件。Jquery Toggle無法正常工作（它隱藏了我的切換按鈕）

HTML

<div class="btn-toggle-sidebar"> 
    <i class="fa fa-bars fa-lg"></i> 
</div> 

<div class="sidebar-left"> 

</div> 


<div class="page-content"> 

</div>

jQuery的（帶jQueryUI的）

$(".btn-toggle-sidebar").toggle(function() {   
      $(".sidebar-left").animate({left: -220}, 500); 
      $(".page-content").animate({marginLeft: 0}, 500);      
     }, function() {   
      $(".sidebar-left").animate({left: 0}, 500); 
      $(".page-content").animate({marginLeft: 220}, 500);    
     });

來源

2014-06-18 Julez

'toggle（）'就是這樣做的，切換元素的可見性。你可能想用'click（）'代替。 – j08691

確保你把你的上面的javascript放在準備好的處理程序中'$（document）.ready（function（）{Handler for .ready（）called。 }）;' – ahgindia

Okey我怎麼做點擊事件當我再次點擊它時，它又回來了？ – Julez

$(function(){ 
    $(".btn-toggle-sidebar").click(function(){ 
     if ($(this).hasClass("active")){ 
      $(".sidebar-left").animate({left: 0}, 500); 
      $(".page-content").animate({marginLeft: 220}, 500); 
      $(this).removeClass("active"); 
     } else { 
      $(".sidebar-left").animate({left: -220}, 500); 
      $(".page-content").animate({marginLeft: 0}, 500); 
      $(this).addClass("active"); 
     } 
    }); 
});

這應該爲你做它。（雖然我可能錯誤地獲得了動畫）

來源

2014-06-18 15:05:39 wildandjam

Jquery Toggle無法正常工作（它隱藏了我的切換按鈕）

回答

相關問題