jQuery .click() на предмете внутри карусели

Question

У меня есть элемент внутри карусели и привязан к событию .click(). И он отлично работает, потому что этот элемент находится на первой странице карусели и видимо справа при загрузке.

Но если я переведу карусель, чтобы она стала невидимой, а затем вернулась в область просмотра, событие click() больше не работает?

Возможно, мне просто нужно как-то зарегистрировать его, когда он будет виден?

BTW Нажмите используется, чтобы открыть модальное JQuery UI диалоговое

Благодаря

Answer 1

После вы комментируете, я действительно заметил, что щелчок не работает больше, когда вы петельные через карусель.

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

Подход к решению этого вопроса заключается в использовании делегирования событий.
В основном вы будете делегировать выполнение нажатием на .quickQoute в контейнере, в вашем случае карусельной элемент #inner:

$('#inner').on('click', '.quickQoute', function() { 
    $("#quickQoute").dialog({ closeText: ' ' }); 
    $("#quickQoute").dialog("open"); 
    return false; 
}); 

Подробнее о делегировании событий с .on()

Answer 2

Я предлагаю использовать liveQuery plugin

Это автоматически привяжет события к элементам при их создании. Например:

$(".some_appearing_button").livequery('click',function() { 

     alert("You clicked me!"); 
}); 

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