上のjQueryの（クリック）/私は私にalittleがビットを助けるために、ブートストラップとjQueryを使用して、私はUIのデザインで非常に悪い思い

Question

を発射ないイベントをクリックします。 jQueryイベントをナビゲーションバーにバインドしようとしています。そのため、ユーザーがナビゲーションバーのpタグをクリックすると、クリックイベントが発生します。しかし、それはしません。私はjQuery（ "＃logOff"）を使用しても問題ありません。 イベントを起動していないだけで、クリックしたり、クリックしたりしてください（ "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の宣言から#記号を削除してください - それは必須ではありません。私は、ので、あなたのjQueryのセレクタで#logoffがid="#logoff"