6

このブートストラップTwitterドロップダウンメニューがあります。クリックイベントをホバーイベントに置き換えました。現在、唯一の問題はwww.google.comをフォローすることになっていますが、そうではありません。私は試してみました：

 jQuery(".nav .dropdown-toggle").click(function () {
      return true;
    });

しかし、サイコロはありません。

コードは次のとおりです。

<html>
  <head>
    <title>text</title>
    <link type="text/css" rel="stylesheet"  href="docs/assets/css/bootstrap.css"/>
    <link type="text/css" rel="stylesheet"  href="docs/assets/css/bootstrap-responsive.css"/>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
    <script type="text/javascript" src="js/bootstrap-dropdown.js"></script>
    <script type="text/javascript">
      $(function(){
        jQuery('.dropdown-toggle').dropdown();
        jQuery('ul.nav li.dropdown').hover(
        function() {jQuery(this).find('.dropdown-menu').stop(true, true).delay(200).fadeIn();},
        function() {jQuery(this).find('.dropdown-menu').stop(true, true).delay(200).fadeOut();}
      );

        jQuery(".nav .dropdown-toggle").click(function () {
          return true;
        });
      });
    </script>

  </head>
  <body>
    <ul class="nav nav-pills">
      <li class="dropdown">
        <a class="dropdown-toggle" data-toggle="dropdown" data-target="#" href="http://www.google.com">
          Dropdown
          <b class="caret"></b>
        </a>
        <ul class="dropdown-menu">
          <li><a href="#">text</a></li>
          <li><a href="#">text</a></li>
        </ul>
      </li>
    </ul>

  </body>
</html>

http://jsfiddle.net/rgdwM/

4

4 に答える 4

16

マークアップを少し変更し、CSSクラスを追加することで、JavaScriptを使用せずにこれを実現できます。

HTMLマークアップを次のように変更します（** ドロップダウン-トグルの横に無効なメモが追加されます）：**

<a class="dropdown-toggle disabled" data-toggle="dropdown" data-target="#" href="http://www.google.com">
    Dropdown
    <b class="caret"></b>
</a>

サブメニューをホバー時に表示する場合（クリックすると指定したURLに移動するため）、次のCSSクラスを追加します。

.nav li.dropdown:hover .dropdown-menu
{
    display: block;    
}

これは、Bootstrapバージョン2.3.1に適用されます。

于 2013-04-25T20:09:15.820 に答える
2

ここで何を達成しようとしているのかよくわかりません。

しかし、これは.click()あなたをグーグルに連れて行くでしょう。

$(".nav .dropdown-toggle").click(function () {
  window.location = "http://www.google.com";
});

クリックイベントが食べられる理由については、<a>現時点ではわかりません。

于 2012-08-03T12:35:23.480 に答える
2

親にWordpressのリンクをたどってもらいたい場合は、次を使用してください。

    $(".nav .dropdown-toggle").click(function () {
    window.location = $(this).attr('href');
    });
于 2013-07-03T10:44:35.123 に答える
0

Bootstrap 3.0のドキュメントdata-targetでは、クリック可能なリンクを保持するために属性を使用すると述べています。

したがって、HTMLは次のようになります。

<a class="dropdown-toggle" data-toggle="dropdown" data-target="http://www.google.com" href="#">
    Dropdown
    <b class="caret"></b>
</a>
于 2014-05-30T14:05:49.860 に答える