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> тегаJquery .он («щелчок») не работает во второй раз

источник

2013-09-20 tom_cruz

Вы, кажется, разместили скрипт, а не сгенерированный HTML («источник просмотра»). –

Работает отлично. Там может быть проблема с остальной частью вашего кода. – Harry

Вы уверены, что не добавляете этот « id_permission?>» В id_permission_detail? –

Вы можете использовать делегат.

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

источник

2013-09-20 07:05:53 esce

Зачем делегировать 'body'? OP хочет нажать 'li' и уже использует' on'. – Harry

У меня нет проблем с вашим скриптом. Я сделал для него jsFiddle, и он отлично работает. Вставьте скрипт jq внутри события DOMReady.

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

источник

2013-09-20 07:11:02 Karan

Я могу щелкнуть по нему в первый раз, но во второй раз он не будет вызывать console.log –

Пожалуйста, попробуйте jsFiddle, который я написал ранее. – Karan

Работает нормально. Чтобы настроить лучше, а не ссылаться на тег тела, добавьте div-id в начало ссылки, как показано ниже, и попробуйте.

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

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

Запуск примера here

источник

2013-09-20 07:32:42 Rajesh

Последние две строки кода не отображались как код из-за ошибки форматирования. Я отформатировал его сейчас. – Harry

Я попробовал этот код, и это работает отлично. Попробуйте это:

<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-20 07:32:44

Я думаю, что где-то в коде вы отсоединение события ... я столкнулся с таким же вопросом, где-то в коде, я использовал $(document).off("click"), которые удалены все события щелчка присоединенных к документу.

источник

2014-10-14 07:43:29

Jquery .он («щелчок») не работает во второй раз

ответ

Смежные вопросы