아약스의 조합 위의 페이지에서

Question

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

을 tweenmax, 나는 다음과 같은 코드 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가 열립니다. 내가 제목을 클릭하면

1. (숫자 1, 2, 3), open_contents 클래스를 가지고있는, 그것은에 Greensock 코드를 시작하지 않습니다

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

   두 가지 문제가 있습니다 상단에서 아래로 미십시오. (난 단지 ...로드 아약스는 부모 윈도우와 상호 작용 할 수 있기 때문에 가정)

2. 나는 '닫기'버튼을 클릭, 내가 할 수없는 오전 후에도 어떻게 든 늘 가까이 list을 지정된 div .list를 다시 엽니 다.

누구든지 솔루션에 대해 조언 할 수 있습니까? 이 코드를 실행하면

Answer 1

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

, 당신은 시간에서 문서 의 모든 요소에 대한 이벤트 리스너를 만듭니다. 당신은 어느 요소 ($item.load ("http://lifeto.dothome.co.kr/xe/free", function() {...})에)로드 된 후이를 실행하거나 (내 생각) 사용할 필요가 다음 .open_contents 클래스가 몸에 존재하는 어떤 현재 또는 미래 요소가있을 때마다

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

이 실행됩니다 클릭 함.