Home/ Questions/Q 8331901
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-09T02:33:42+00:00

I have this bootstrap twitter dropdown menu. I replaced the click event with hover

  • 0

I have this bootstrap twitter dropdown menu. I replaced the click event with hover event.
Now the only problem is is supposed to follow http://www.google.com but it doesn’t. I tried with:

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

but no dice.

Here is the code:

<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/

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Not really too sure on what you are trying to achieve here.

    But this would make the .click() take you to google.

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

    As for why the <a> click event is eaten I am not currently sure.

    • 0