切換按鈕需要2次點擊一次初始點擊

-1

我有一個基本的切換按鈕設置，但由於某種原因它需要兩次點擊後，初始點擊執行功能。有看一些其他的答案，但不知道爲什麼發生這種情況：切換按鈕需要2次點擊一次初始點擊

<div> 
<button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true"> <span><i class="ion-navicon-round"></i></span> </button> 
</div> 

<div class="row main-menu"></div>

的jQuery：

$(document).ready(function() { 
    $(".dropdown-toggle").click(function() { 
     $(".main-menu").toggle(); 
    }); 
});

在此先感謝

來源

2016-08-16 dreamkiller

儘量避免在按鈕標籤內部有''標籤 –

工作正常：https：// jsfiddle.net/DTcHh/23744/ –

嗨Zakaria，它在jsfiddle工作正常，但由於某種原因不在我的實時預覽... – dreamkiller

-1

如果您使用的引導比其與工作同樣的你的代碼，嘗試像這樣。只需在您的代碼中包含bootstrap.js

<script src="js/jquery-1.7.1.min.js"></script> 
<script src="js/bootstrap.min.js"></script> 
<link href="css/bootstrap.css" rel="stylesheet"> 
    <script> 
    $(document).ready(function() { 
      $(".dropdown-toggle").click(function() { 
       $(".main-menu").toggle(); 
      }); 
     }); 
    </script> 
    <body> 
    <div> 
    <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true"> <span><i class="ion-navicon-round"></i></span> </button> 
    </div> 
    </body> 
    <div class="row main-menu">I will be toggle </div>

來源

2016-08-16 11:51:43

嗨Jekin，我使用Bootstrap，並已包括它 – dreamkiller

你試過我的這個碼？ –

與Bootstrap有什麼關係？這是簡單的jQuery代碼，它應該在點擊時切換菜單，而不管Bootstrap的CSS或JS。 –

也許問題是在啓動時隱藏菜單？你使用它的一些代碼？或者也許CSS？

氏代碼工作得很好（我加$（ '主菜單。'）隱藏（）;）

$(document).ready(function() { 
 
    // Hide menu at start 
 
    $('.main-menu').hide(); 
 
    $(".dropdown-toggle").click(function() { 
 
    $(".main-menu").toggle(); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<div> 
 
<button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true"> <span><i class="ion-navicon-round"></i></span>MENU BUTTON</button> 
 
</div> 
 

 
<div class="row main-menu"><p>MENU...</p></div>

來源

2016-08-16 12:01:11 jacqbus

感謝所有幫助。原因是在按鈕中有data-toggle =「dropdown」，這似乎與功能的執行混亂

來源

2016-08-16 12:03:54 dreamkiller

切換按鈕需要2次點擊一次初始點擊

回答

相關問題