сочетание AJAX и TweenMax

Question

http://lifeto.dothome.co.kr/xe/page_FIsv96

На странице выше, я назвал ajax.load со следующим кодом:

jQuery(".open_list").on("click", function (e) { 
e.preventDefault() 
jQuery(".ajax_list").fadeOut(function() { 
    var $item = jQuery(this) 
    $item.load ("http://lifeto.dothome.co.kr/xe/free", function() { 
    $item.fadeIn() 
    }) 
}) 
}) 

... и внутри загруженного документа (http://lifeto.dothome.co.kr/xe/free), его содержит элемент с классом с именем open_contents. Когда я нажимаю на него, он открывает новый div.

jQuery('.open_contents').click(function() { 
TweenMax.to (".board_contents", 0.5, {opacity: 1, top: 200, ease: Bounce.easeOut}) 
}) 

Есть две проблемы:

1. Когда я нажимаю на название (номер 1, 2, 3), который имеет open_contents класс, он не будет инициировать код Greensock к сползайте сверху. (я только предполагаю, что это происходит потому, что загружен Ajax не может взаимодействовать с родительским окном ...)

2. ДИВ назвал list как-то обыкновение близко даже после того, как я нажимаю на кнопку «Закрыть», так что я не в состоянии снова открыть .list.

Может кто-нибудь посоветует мне решение?

Answer 1

jQuery('.open_contents').click(function() {

При выполнении этого кода, необходимо создать прослушиватель события для всех элементов в документе в то время. Вам необходимо запустить это либо после того, как будут загружены элементы (в $item.load ("http://lifeto.dothome.co.kr/xe/free", function() {...})), или использовать (я думаю):

jQuery(document.body).on('click', '.open_contents', function() {

Это будет работать, когда любой нынешний или будущий элемент с существующими .open_contents класса в организме щелкнул.