Question

我在UI设计上非常糟糕所以我使用bootstrap和jquery来帮助我减少一点点。我正在尝试将jQuery事件绑定到导航栏，因此当用户单击导航栏上的p标记时，它应该触发单击事件。但事实并非如此。无论我使用jQuery（“＃logOff”）。click（）或on（“click”，“＃logOff”，function（））它只是没有发射事件。下面是我的示例代码。

jQuery(document).ready(function () {


  jQuery(document).on( 'click','#logOff', function (eve) {
    alert("haha");
  });

  // this one not work too
jQuery("#logOff").click(function (e){
   alert("haha");
  });
});

这是我的HTML

<nav class="navbar navbar-default  navbar-fixed-top ">
        <div class="navbar-header">
          <p class="navbar-brand" >test</p>
        </div>

        <div class="collapse navbar-collapse " id="bs-example-navbar-collapse-1">


          <div class="nav navbar-nav navbar-right">
            <li ><p id="#nickName" style="cursor: pointer" class="navbar-brand">Link</p></li>
            <li ><p id="#logOff" style="cursor: pointer" class="navbar-brand">log Off</p></li>
          </div>
        </div><!-- /.navbar-collapse -->

    </nav>

Answer 1

尝试从您的ID声明中删除<li ><p id="nickName" style="cursor: pointer" class="navbar-brand">Link</p></li> <li ><p id="logOff" style="cursor: pointer" class="navbar-brand">log Off</p></li>符号 - 这不是必需的。

选择器中使用#logoff时会搜索ids，因此jQuery选择器中的id="logoff"会说找到id="#logoff" 的元素不匹配与julia> f(X) = for elt in X; println(elt); end f (generic function with 1 method) julia> code_lowered(f)[1] LambdaInfo template for f(X) at REPL[17]:1 :(begin nothing SSAValue(0) = X #temp# = (Base.start)(SSAValue(0)) 4: unless !((Base.done)(SSAValue(0),#temp#)) goto 13 SSAValue(1) = (Base.next)(SSAValue(0),#temp#) elt = (Core.getfield)(SSAValue(1),1) #temp# = (Core.getfield)(SSAValue(1),2) # line 1: (Main.println)(elt) 11: goto 4 13: return end) julia> code_lowered(f)[1] == methods(f).ms[1].lambda_template true

jQuery on（click）/ click事件未触发

1 个答案: