Menu
<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");
});
I'm having problem as the jquery script is not activated the second tim
e a click the <li> tag
974
I have tried this code and this is working fine. Try this :
<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>
answered May 02 '26 06:05
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With