Question

<ul class="nav nav-tabs tabb">
        <li id="li_permission_info_<?=$this->id_permission?>" class="active" >
            <a data-toggle="tab" href="#tab_permission_info_<?=$this->id_permission?>"><i class="icon-user"></i>Permission Information <?=$this->id_permission?></a>
        </li>
        <li id="li_permission_details">
            <a data-toggle="tab" href="#tab_permission_details_<?=$this->id_permission?>" data-value="<?=$this->id_permission?>"><i class="icon-home"></i>Permission Details</a>
        </li>
</ul>

$("body").on("click", "#li_permission_details", function(event){

    console.log("test");

});

我遇到问题，因为jquery脚本未在第二个时间激活单击<li>标记

Answer 1

我试过这段代码，这很好用。试试这个：

<html>
   <head>
      <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
   </head>
   <body>
      <ul class="nav nav-tabs tabb">
         <li id="li_permission_info_<?=$this->id_permission?>" class="active" >
             <a data-toggle="tab" href="#tab_permission_info_<?=$this->id_permission?>"><i class="icon-user"></i>Permission Information <?=$this->id_permission?></a>
         </li>
         <li id="li_permission_details">
             <a data-toggle="tab" href="#tab_permission_details_<?=$this->id_permission?>" data-value="<?=$this->id_permission?>"><i class="icon-home"></i>Permission Details</a>
         </li>
      </ul>

      <script>
          $( "body" ).on( "click", "#li_permission_details", function() {
              alert('Hi');
          });
      </script>
   </body>
</html>

Answer 2

我认为代码中的某个地方你正在分离这些事件...... 我在使用$(document).off("click")的代码中的某个地方遇到了同样的问题，该代码删除了附加到文档的所有点击事件。

Answer 3

您可以使用委托。

$(document).delegate('click', '#li_permission_details', function() {
console.log('test'); }

Answer 4

我的脚本中没有任何问题。我为它做了jsFiddle，它运行正常。将jq脚本粘贴在DOMReady事件中。

$("body").on("click", "#li_permission_details", function(event){
    alert("test");
});

Answer 5

工作正常。要更好地调整而不是从body标签引用，请在下面的链接顶部添加div id并尝试。

<div id="rajesh">Here your content</div>

$(#rajesh).on("click", "#li_permission_details", function(event){
    alert("Rajesh");
}

正在运行示例here

Jquery .on（“click”）第二次不起作用

5 个答案: