Почему не работает .on('click')?

Question

[Mkulya]

Здравствуйте!

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

В таблице есть ссылки (<a href="#" class="popup">Текст</a>) для вызова popup-а , те ссылки которые загружаются по умолчанию, они все работают, а те которые добавляются после выбора в выпадающем списке, они не работают.

Помогите пожалуйста разобраться.

Вот обработчик.

jQuery(function($){

	$('.popup').on('click',function(e){
		e.preventDefault();

		$('#popup').css({
			'opacity':1,
			'visibility': 'visible'			
		});
					
	});
	
});

Answer 1

[gracer]

jQuery(function($){

  $(document).on('click', '.popup', function(e){
    e.preventDefault();

    $('#popup').css({
      'opacity':1,
      'visibility': 'visible'			
    });
          
  });
  
});

Answer 2

[Mkulya]

Разобрался, может кому то ещё поможет.

jQuery(function($){

	$('body').on('click','.popup',function(e){
		e.preventDefault();

		$('#popup').css({
			'opacity':1,
			'visibility': 'visible'			
		});
					
	});
	
});

Answer 3

[RidgeA]

видимо на элементы, которые добавляются потом тоже надо вешать обработчик событий...

Comments

[Mkulya]

А как это сделать?

( Во всей таблице ссылки одинаковые <a href="#" class="popup">Текст</a> )