0

ドロップダウンメニューもアイテムをクリックできるようにしたい。例：

メニュー項目: サービス

Sub items:    - branding  } These already have working links  
              - marketing }

しかし、# をサービスへのリンクに置き換えると、機能しません。クリックしても何も起こりませんが、右クリックして新しいタブで開くとURLが開きます。

Javascriptに関連していると思います。

HTML:

<li class="dropdown"><a href="#" class="dropdown-toggle js-activated">Services</a>
   <ul class="dropdown-menu">
      <li><a href="index.html">YouTube</a></li>
      <li><a href="index2.html">Twitter</a></li>
      <li><a href="portfolio-post.html">Instagram</a></li>
      <li><a href="portfolio-post2.html">Facebook</a></li>
   </ul>

Javascript:

$(document).ready(function() {

  $('.js-activated').dropdownHover({
      instantlyCloseOthers: false,
      delay: 0
  }).dropdown();

  $('.dropdown-menu a').click(function (e) {
      e.stopPropagation();
   });

});
4

1 に答える 1

0

このコード:

$('.dropdown-menu a').click(function (e) {
   e.stopPropagation();
});

メニュー内の「a」要素をクリックしたときのデフォルトのアクション (リダイレクト) を無効にします。

それが役立つことを願っています。

于 2013-11-10T10:04:48.980 に答える