Как использовать MoOx pjax в select2 dropdown

Question

Я использую pjax. Он работает отлично для предыдущей и следующей ссылки. На той же странице у меня есть выпадающее меню select2, которое должно действовать так же, как предыдущая и следующая ссылка. Я попытался добавить URL-адрес выбранного раскрывающегося списка к тегу, а затем запустить pjax, но безрезультатно.

Любая помощь/предложения приветствуются. Я попробовал следующее. Это для предыдущей и следующей кнопки, и она работает отлично. новые Pjax ({ элементы: "div.js-Pjax а", селекторов: [ ".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); 

});