jquery - UL> LIでリンクを選択し、jQueryでクリックできないようにするにはどうすればよいですか？

Question

私はjQueryに少し慣れていますが、次のことができることを知っています。

次のHTMLのリンクを選択し、どこにも行かないようにします。（私はこれを行っているので、代わりにドロップダウンが表示されます）

これがHTMLです

<ul id="navigation">
  <li class="has-drop"><a href="http://72.10.55.131/shop.html/">shop</a></li>
  <li class="has-drop"><a href="http://72.10.55.131/collections.html/">collections</a></li>
</ul>

リストの2番目のものをターゲットにしようとしています。ソースコードを見たい場合は、これらのリンクが公開されています。

助けてくれてありがとう！

Answer 1

クリックイベントをキャプチャし、デフォルトの動作を防ぎます。

$('#navigation li.dropdown').on('click', function(event) {
  event.preventDefault();
});

Answer 2

質問で言及I'm trying to target the second one on the list.したので、2番目のリスト項目のリンク動作のみを無効にしたい場合は、次を使用できます。

$('ul#navigation li').eq(1).find('a').on('click', function(e){
    e.preventDefault();
});

Blenderそれ以外の場合（すべてのリンクに対して）、の回答を使用できます。

デモ。

Answer 3

これを試して

$('li.has-drop:eq(1) a').attr('href','#');