、それだけでメニューに

Question

 <li class="dropdown"> 
        <a class="dropdown-toggle" data-toggle="dropdown"> <i class="fa fa-user fa-fw"></i> 
          <i class="fa fa-caret-down"></i> 
        </a> 
        <ul class="dropdown-menu dropdown-user"> 
         <li><a><i class="fa fa-user fa-fw"></i> User 
           Profile</a></li> 
         <li><a><i class="fa fa-gear fa-fw"></i> Settings</a> 
         </li> 
         <li class="divider"></li> 
         <li><a href="login.html"><i class="fa fa-sign-out fa-fw"></i> 
           Logout</a></li> 
        </ul> <!-- /.dropdown-user --> 
       </li> 

を開くのではなく、新しいページにいっていると私のスクリプト機能は次のとおりです。

は

$('.dropdown-toggle').on('click', function(e){ 

     $(".dropdown").toggleClass("open",true); 

     e.preventDefault(); 

    }); 

でpreventDefaultが動作しません。ドロップダウンメニューをクリックすると、メニューが開き、次にページが更新され、ページが更新されるのを止める方法が表示されます。

"$（ '。dropdown-toggle'）。on（ 'click'、function（e）{"関数に入る前にページが既にリフレッシュされていました。ボタンをクリックした後でリフレッシュすると、リフレッシュがトリガされます。

問題を解決しました：私はこのドロップダウンイベントに影響を与えるonclickイベントのスクリプトをもう1つ持っています。 ""に拘束を加えて問題を解決すると、突然空になってページがリフレッシュされたと思うようになった。

Answer 1

このような使い方

$(".dropdown-toggle").click(function(){ 
     $(this).parent().find(".dropdown-menu").toggle(); 
     return false; 
    }); 

Answer 2

これを試してみてください：

$('.dropdown-toggle').on('click', function(e){ 
    e.preventDefault(); 
    $(".dropdown-menu").toggleClass("open",true); 

Answer 3

は、あなたがこのようなイベントをバインドする必要がありますか？

$('.dropdown-toggle').on('click', function(e){ 

ない場合は、それを修正する簡単な方法は、メソッド内にコードを移動し、リターンとのリンクに直接関数名を追加することです...

<a class="dropdown-toggle" onclick="return MyMethod()" data-toggle="dropdown"> 
<i class="fa fa-user fa-fw"></i> 
<i class="fa fa-caret-down"></i> 
</a> 

および方法：配置

function MyMethod(){ 
$(".dropdown").toggleClass("open",true); 
return false; 
}