トグルボタンは、最初

-1

をクリックしたら、私はセットアップの基本的なトグルボタンを持っていますが、何らかの理由でそれが機能を実行するための最初のクリック後の2回のクリックを必要と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/ –

こんにちはザカリアは、その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は、私はブートストラップを使用していますが、すでにそれはあなたが私のこれを試してみました – dreamkiller

含まれていませんコード？ –

ブートストラップを行うには、それは何ですか？これは、単純なjQueryのコードですが、それは関係なく、ブートストラップのCSSやJSの、クリックでメニューを切り替える必要があります。 –

おそらく問題はスタート時にメニューを隠していることでしょうか？あなたはそれのためのいくつかのコードを使用して？それともCSSですか？

ティコードがうまく機能（i 'がメインメニュー。'（$を追加しました）非表示（）;。）すべてのヘルプのための

$(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

トグルボタンは、最初

答えて

関連する問題