Почему может не срабатывать click()?

Question

[Сергей Грибок]

Есть вот такой кусок кода. Здесь я нажимаю на ячейку таблици, открываеться попап с которого я удаляю елемент потом его же добавляю и по нему кликаю. Но не в этом суть.

А проблема состоит вот в чем - что при переходе на страниу у меня не срабатывает обработчик события

$('td.WorklistTableSelectGridArrow').click( function().

Но если я обвновлю страницу с помощью F5 то все фурычит. А также если почистить кеш и перейти на эту страницу, то тоже будет все работать. Но при втором и последующих переходах не работает.

<script type=text/javascript>
$(document).ready(function() {
 $('td.WorklistTableSelectGridArrow').click( function(){
var url = $('.worklist-action-open-form').attr('data-url');
 var OpenForm='<div tabindex="0" class="worklist-action-menu-right-cell worklist-action-open-form enhanced-color" data-url="'+url+'"><span class="worklist-action-icon-open-form"></span><span class="worklist-action-text">Open Form</span></div>';
$(".worklist-action-open-form").remove(); 
$(".worklist-action-menu-container").prepend(OpenForm); 
$(".worklist-action-open-form").on("click", function(ev){ window.location = $(this).attr("data-url"); });}); })</script>

Comments

[Roman Sokolov]

Я бы начал с проверки, действительно ли не выполняется событие, например, выводом отладочного сообщения в консоль браузера. Если нет, то смотреть таким же образом, нужный ли объект вызывает jQuery.

[Сергей Грибок]

Роман Соколов: Я уже разобрался. document.ready не работал и скрипт выполнялся до загрузки DOM. С помощью setTimeout() исправил ситуацию

[Roman Sokolov]

А не пробовали использовать событие DOMContentLoaded ?

[Сергей Грибок]

Роман Соколов: Нет, не пробовал. Я даже не думал дажидаться загрузки DOM с помощью js. Попробую и сообщу о результатах.

[Сергей Грибок]

Роман Соколов: Не помогло. Проблема видимо в том что у меня нету доступа к самому файлу с кодом. Поэтому этот скрипт работает на клиентской части. Все равно спасибо Вам за помощь.

Answer 1

[Александр Аблизин]

Попробуйте повесить обработчик не на элемент а на документ. Т.е. не

$('td.WorklistTableSelectGridArrow').click( function(){...});

а

$(document).on('click','td.WorklistTableSelectGridArrow',function(){...})

Comments

[Сергей Грибок]

уже пробовал

[kreolzmax]

FungusWarrior: rdgg