Bootstrap覆蓋菜單更改拖動按鈕？

好的，我在Bootstrap中製作了一個覆蓋菜單。問題是，當模態打開時，我試圖用.ion-close替換.ion-drag類，並且在模態關閉時讓它回到.ion-drag。我如何在jQuery中做到這一點？互聯網上的每種解決方案目前都無法解決。Bootstrap覆蓋菜單更改拖動按鈕？

我的網站：https://filthdemo.myshopify.com

來源

2017-08-03 Owen Bick

您的網站沒有加載jquery（根據我的控制檯）。它正在尋找的資源是https://cdn.shopify.com/s/shopify/jquery.js –

@RobWelan固定 –

你仍然收到控制檯錯誤（$未定義）。根據你的頁面源，你的自定義代碼在jquery本身之前加載，這就是出現控制檯錯誤的原因。您需要將jquery.js？106 ...腳本加載到jquery.min.js腳本之後 - >這裏是當前的源代碼... –

試試這個，只保留.ion-drag開模

$('.boxed a').toggleClass('ion-drag is-closed')

來源

2017-08-03 05:49:56

在<head>

<!-- Scripts --> 
<script src="https://code.jquery.com/jquery-3.1.1.slim.min.js"></script> 
<script> 
    $('#toggle').click(function() { 
    $(this).toggleClass('toggle-active'); 
    $('#overlay').toggleClass('nav-active'); 
    }); 
</script>

添加這些行，改變之前，你的<header>作爲

<header> 
    <div class="navbar-header"> 
     <div class="toggle-button" id="toggle"> 
      <span class="bar top"></span> 
      <span class="bar middle"></span> 
      <span class="bar bottom"></span> 
     </div> 
    </div> 
    <nav class="overlay" id="overlay"> 
     <ul> 
      <li><a href="#">Our Story</a></li> 
      <li><a href="#">Events</a></li> 
      <li><a href="#">Information</a></li> 
      <li><a href="#">ARTICLES</a></li> 
      <li><a href="#">HELP</a></li> 
     </ul> 
    </nav> 
</header>

來源

2017-08-03 06:24:57

Bootstrap覆蓋菜單更改拖動按鈕？

回答

相關問題