select2 드롭 다운에서 MoOx pjax 사용하는 방법

Question

pjax을 사용하고 있습니다. 그것은 이전 및 다음 링크에 대해 완벽하게 작동합니다. 같은 페이지에서 나는 이전과 다음 링크와 같은 행동을해야 select2 드롭 다운있다. 선택한 드롭 다운의 url을 태그에 추가 한 다음 pjax를 트리거했지만 아무런 효과가 없습니다.

도움이나 제안을 언제든지 환영합니다. 나는 다음을 시도했다. 이전 및 다음 버튼 용이며 완벽하게 작동합니다. 새로운 Pjax ({ 요소 "div.js Pjax-A를" 선택기 [ ".nogallery IMG", ".bannerBottom", ".dropdownSearch", "article.kinaguidenContent"]} ) 변경 사항 간단한 드롭 다운에서 다음을 사용했지만 아무 소용이 없습니다.

jQuery(document).on("change", "select#kinaguidenCategoryValues", function() { 
    var val = jQuery(this).find("option:selected").val(); 
    jQuery("a.js-Pjax").attr("href", val); 
    new Pjax({ 
     elements: "a.js-Pjax[href]", // default is "a[href], form[action]" 
     selectors: [".nogallery img", ".bannerBottom", ".dropdownSearch", "article.kinaguidenContent"] 
    }) 
    alert(jQuery("a.js-Pjax").attr("href")); 
}) 

Answer 1

다음과 같이 코드가 변경되어 완벽하게 작동합니다.

jQuery(document).on("change", "select#kinaguidenCategoryValues", function() { 
    var val = jQuery(this).find("option:selected").val(); 
    jQuery("a.js-Pjax").attr("href", val).trigger("click"); 
}) 
jQuery(document).on("click", "a.js-Pjax", function(e) { 
    e.preventDefault(); 
    var url = jQuery(this).attr("href"); 
    var p = new Pjax({ 
      elements: "a.js-Pjax", 
      selectors: [".nogallery img", ".bannerBottom", ".dropdownSearch", "article.kinaguidenContent"], 
     }) 
    p.loadUrl(url, p.options); 

});