как избежать вызова события 2 раза
 

Добрый день.

Использую плагин datatables.net для проекта. В таблице используются кнопки с обработкой событий. Обработчик вида

$( ".btn-show-datails" ).on( "click", function( e ){ ... });

срабатывает только для первой страницы. На всех остальных он не работает.

Для этого вынес обработку события в отдельную функцию resultDetailsShow( el, e ){} и вызываю её дважды:

// 1й раз
$( ".btn-odds" ).on( "click", function( e ){
	 resultDetailsShow( $( this ), e );
});

// 2й раз
tableResult.on( "draw", function() {
	$( this ).find( ".btn-odds" ).each( function( index, val ) {
		$( this ).click( function( e ) {
			resultDetailsToggle( $( this ), e );
		});
	});
});

В результате получил обработку событий на всех страницах при пагинации и новый баг - 2й вызов функции на 1й странице :(

Не хотелось бы костылить. Как можно решить проблему работы функции на всех страницах? Спасибо.

Ну не зная че как у тебя устроено, можно посоветовать либо использовать делегирование, либо перед вторым навешиванием делать .off('click')

Кстати, зачем .each()?

Спасибо
перестраховался и лишняя вещь. Можно убрать :)))