jQuery Click Not Being Called in bootstrap navbar

Question

I am having a huge issue with an item in the navbar not being able to use the click()

this is my html code:

 <li class="dropdown"> <a class="dropdown-toggle" id="n-btn" href="#" data-toggle="dropdown"> <i class="icon-bullhorn"></i> <span class="badge badge-inverse" id="n-count" style="position: relative; bottom: 2px;">1</span> </a>
      <div class="dropdown-menu alert-dropdown">
        <ul>
        <li class="text-center"><span class="pulser"></span></li>
        </ul>
      </div>
    </li>

and my javascript:

$(window).load(function(){
    $("#n-btn").click(function(e) {
        e.preventDefault();
        alert("test");
    });
});

I tried using $(".dropdown").on("click", "#n-btn",function() { instead but it still doesn't work. If this changes anything I'm using jquery 2.0.0 and Bootstrap 2.3.2

Why not use DOM Ready instead of load.. How abt the browser you are trying on ? — Sushanth --
– Sushanth --, Commented Aug 5, 2013 at 22:55
Any error messages in your console? I tested in jsfiddle and your alert fires. — veritasetratio
– veritasetratio, Commented Aug 5, 2013 at 23:00

Duncan Smart · Accepted Answer · 2015-07-09 10:34:21Z

2

Looking at the Bootstrap source for 2.3.2 it looks like it triggers the click.dropdown.data-api event, so instead of:

$("#n-btn").click(function(e) {

use (for Bootstrap 2.x):

$("#n-btn").on('click.dropdown.data-api', function(e) { ...

For Bootstrap 3.x (looking at its version of dropdown.js), try:

$("#n-btn").on('click.bs.dropdown', function(e) { ...

edited Jul 9, 2015 at 10:34

answered Aug 5, 2013 at 23:43

Duncan Smart

32.3k11 gold badges71 silver badges74 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Jonathan Lonowski Over a year ago

The event type is still click. The rest is a namespace.

Collectives™ on Stack Overflow

jQuery Click Not Being Called in bootstrap navbar

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related