2017-06-27 21 views
0

メニュー項目をクリックしてドロップダウンメニューを閉じるのを防ぐ方法。私は何かをしようとしましたが、うまくいきません。ラインで固定メニュー項目をクリックして閉じるのを防ぐには

<script> 
// Do not close dropdown on menu item click 
$(document).on('click', '.list-dropdown', function (e) { 
    e.stopPropagation(); 
}); 

のonclick = "するevent.stopPropagation();"あなたはe.stopPropagationを持って

+0

は(e.preventDefaultを与えて試してみてください)。そのドロップダウンのデフォルトプロパティを避けるためです。 –

+0

[Twitter Bootstrapの重複している可能性があります - 内部をクリックするとドロップダウンメニューは表示されません](https://stackoverflow.com/questions/25089297/twitter-bootstrap-avoid-dropdown-menu-close-on-click-inside) – Chris

+0

@HemaNandagopal e.preventDefault();私は試しましたが、うまくいきません。 –

答えて

0

使用この:

e.preventDefault(); 
return true; 
0

停止伝播は、他の方法に伝播するイベントを防ぎます。しかし、あなたがここでやろうとしているのは、デフォルトの動作を停止することです(メニューを閉じる)。

あなたのコードは、次のようになります。

<script> 
// Do not close dropdown on menu item click 
$(document).on('click', '.list-dropdown', function (e) { 
    e.preventDefault(); 
}); 
</script> 
+0

しかし、それは私のためには機能しません。この1つのみが動作します:onclick = "event.stopPropagation();" –

+0

これは、ドロップダウンを閉じる要素が '.list-dropdown'ではなく他の要素であることを意味します – amilete

関連する問題