1

我对导航栏中的项目无法使用 click() 有很大的问题

这是我的html代码：

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

和我的 javascript：

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

我尝试$(".dropdown").on("click", "#n-btn",function() {改用，但它仍然不起作用。如果这改变了我正在使用 jquery 2.0.0 和 Bootstrap 2.3.2 的任何东西

4

1 回答 1

2

查看 2.3.2的Bootstrap 源代码，它看起来像是触发了click.dropdown.data-api事件，所以不是：

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

使用（对于 Bootstrap 2.x）：

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

对于 Bootstrap 3.x（查看它的dropdown.js版本），请尝试：

$("#n-btn").on('click.bs.dropdown', function(e) { ...
于 2013-08-05T23:43:06.137 回答