jQuery가 .load()에서 작동하지 않습니다.

Question

jQuery가 .load() 함수에서 작동하는 데 문제가 있습니다.

스크립트는 지정된 페이지 컨텐츠를 #project div에로드 한 다음 flexslider를 초기화합니다. 이는 잘 작동합니다.

문제는 화살표를 추가하여 다음/이전 게시물로 이동하려고하지만, 아래의 첫 번째 .load 함수 외부에있는 화살표의 .load 함수를 넣으면 코드가 작업.

아래의 .load 함수 내에 넣으려고했는데 첫 번째 게시물에는 정상적으로 작동했습니다. 그 후, 모든 jQuery는 초기화를 중지했다 (flexslider, 심지어는 왼쪽/오른쪽 화살표 클릭 기능).

무제한 .load() 루프 또는 무언가를해야 할 것처럼 보입니다. 나는 사람들이 도울 수 있기를 바랍니다. 여기에 내가 가지고있는 것은 화살을 뺀 것입니다.

질문 : .. jQuery를 .load() 함수에서 다시 초기화하지 않고 .load() 함수에서 작동하게하려면 어떻게합니까?

jQuery('.single-item, .portfolio-images article').click(function() { 
    var geturl = window.location; 
    var next_project = jQuery(this).attr('data-projectid'); 
    jQuery('html, body').animate({ scrollTop: 0 }, 500); 
    jQuery('#project').slideUp('slow'); 
    jQuery('#project').load(geturl + "?page_id=" + next_project + " .project", function() { 
     if (jQuery(this).hasClass('opened')) { 
      jQuery(this).slideDown(600); 
      jQuery('.flexslider').fadeIn(); 
     } else { 
      jQuery(this).slideDown(300); 
      jQuery('.flexslider').fadeIn(); 
     } 
     jQuery('.grid').click(function() { 
      jQuery('#project').slideUp(500); 
     }); 
     // Initialize Scripts 
     jQuery('.flexslider').flexslider({ 
      animation: "slide", 
      smoothHeight: true, 
      startAt: 0, 
     }); 
    }); 
    }).addClass('opened'); 
    return false; 

Answer 1

내용이 동적으로로드되고 있기 때문에, 당신은 즉 선택이 비슷한으로 온() 메소드를 사용 할 수 있습니다 : ( $ (문서) CSTE 연구진 (EVENT, 셀렉터 기능) {});

Jquery event handler not working on dynamic content

은 또한 당신의로드하기 전에 이벤트를 추가 할 수 있습니다, 이벤트와 http://learn.jquery.com/events/event-delegation/

Answer 2

문제를 참조하십시오.

그냥 좋아 :

$(document) 
    .on("click", ".your-elements", function() 
    { 
     alert("code here"); 
    }); 

같은 일이 어쩌면 당신은 "파괴"함수를 호출하고 다시 플러그인 구성해야 부하 전에 플러그인 생성자를 호출 할 수없는 경우, 호출 플러그인에.

이 fiddle 예를 들어