jQuery .on Нажмите второй раз не работает

Question

var elms = $('.selector', list); 
elms.off(); 
elms.on('vclick', function(event, ui) { 
     event.preventDefault(); 
     var elm = $(this); 
     customEventHandler(elm, elm.attr("id")); 
}); 

Если я свяжу событие click через $('.selector', list).on('click',...) с элементом в списке, он отлично работает.

Если я добавлю элементы после выполнения .append() в список и снова вызвав $('.selector', list).on('click',...), нажатие не будет нажата. Даже если раньше я использовал .off(), чтобы удалить старые события.

Любые идеи или предложения?

Answer 1

Наконец-то возникла проблема, мне пришлось связывать события после вызова list.trigger («create»); а не раньше, может быть, это полезно для всех ...

Answer 2

Попробуйте так: - Fiddle

$('.container').on('click', '.selector', function(event, ui) { 
     event.preventDefault(); 
     var elm = $(this); 
     alert(elm.index()); 
}); 

Вы можете достичь этого, используя delegated events подход.

делегированного событие имеет то преимущество, что они могут обрабатывать событие от элементов-потомков, которые добавляются к документу в более позднее время. Выбирая элемент, который, как гарантируется, присутствует в момент присоединения делегированного обработчика событий, вы можете использовать делегированные события, чтобы избежать необходимости часто присоединять и удалять обработчики событий. Этот элемент может быть элементом контейнера представления в дизайне Model-View-Controller, например, или документом, если обработчик события хочет контролировать все события пузырьков в документе. Элемент документа доступен в начале документа перед загрузкой любого другого HTML-кода, поэтому безопасно присоединять туда события, не дожидаясь готовности документа.

Answer 3

Заменить c.onclick с помощью щелчка. Используйте правильный формат.

$('.container').on('click', '.selector', function(event, ui) { 
    event.preventDefault(); 
    var elm = $(this); 
    alert(elm.index()); 
});