引導庫和jQuery之間的奇怪衝突

-2

請不要以爲我沒有任何研究就問這個問題。我已經做到了。我的問題是，我使用的開關庫菜單滑動切換（手風琴切換），其實際切換<li>下拉菜單。除了這個我也是用我的自定義的jQuery <script>引導庫和jQuery之間的奇怪衝突

這裏是我的代碼：

<script> 
$(document).ready(function() { 

     $('#user-button').on('click',function(f){ 
      $('.dropdown').fadeToggle(200); 
     }); 

     /*mobile menu*/ 
     var m_menu = $('#menu').clone(); 
     m_menu.addClass('m-menu'); 
     m_menu.prependTo('body'); 

     var m_menu_btn = $('<div id="m-menu-btn"><img src="images/mbtn.png"/></div>'); 
     m_menu_btn.prependTo('body'); 

     $('#m-menu-btn').on('click',function(){ 
      $(m_menu).slideToggle(); 
      $('#m-menu-btn img').animate({width: (this.tog ^= 1) ? 45 : 70 },400); 
     }); 

})(jQuery); 

</script>

上面的代碼會預先考慮div身體這其實是一個移動的菜單。其次它會在點擊時切換幻燈片，如代碼中所示。

現在的問題是在將這段代碼放在bootstrap庫之後，手指觸發器的代碼似乎不起作用。

幫我請..每一個反對投票

來源

2015-08-24 Waqar Adil

如果把之前提到的libarary，它的工作？ –

不，它不。實際上他們都分開工作。 –

當我說我已經完成了這項研究時，爲什麼人們會降低這個問題。如果他們知道答案，爲什麼他們不回答。 asholes –

謝謝...

真正感謝@Norlihazmey加扎利參與。

我設法解決了上述問題。我做的是，我刪除了引導程序庫鏈接。然後我在腳本中添加了一些代碼行。其實手風琴菜單中的每個<li>都有一類。 panel。所以我寫了。

$('.panel').on('click',function() 
    { 
     if($(this).children('ul').is(':visible')) 
     { 
      $(this).children('ul').slideUp(); 
     } 
     else 
     { 
      $('.panel').children('ul').slideUp(); 
      $(this).children('ul').slideToggle(); 
     } 
    });

來源

2015-08-24 08:57:21

很高興聽到這一點 –

引導庫和jQuery之間的奇怪衝突

回答

相關問題