如何在select2下拉菜單中使用MoOx pjax

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); 

});