Jquery .on(“click”)第二次不起作用

时间:2013-09-20 06:52:58

标签: jquery

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

5 个答案:

答案 0 :(得分:3)

我试过这段代码,这很好用。试试这个:

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

答案 1 :(得分:1)

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

答案 2 :(得分:0)

您可以使用委托。

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

答案 3 :(得分:0)

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

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

答案 4 :(得分:0)

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

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

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

正在运行示例here