3 
<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>标签时没有被激活

4

5 回答 5

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>
于 2013-09-20T07:32:44.537 回答
2

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

于 2014-10-14T07:43:29.320 回答
0

它工作正常。为了更好地调整而不是从 body 标签中引用，请在链接顶部添加一个 div id，如下所示并尝试。

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

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

在此处运行示例

于 2013-09-20T07:32:42.407 回答
0

您可以使用委托。

$(document).delegate('click', '#li_permission_details', function() {
console.log('test'); }
于 2013-09-20T07:05:53.007 回答
0

我在您的脚本中没有看到任何问题。我为它制作了jsFiddle，它工作正常。将 jq 脚本粘贴到 DOMReady 事件中。

$("body").on("click", "#li_permission_details", function(event){
    alert("test");
});
于 2013-09-20T07:11:02.050 回答