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

Question

我正在使用pjax 。 對於上一個和下一個鏈接，它的工作完全正常。 在同一頁面中，我有select2下拉列表，其作用與上一個和下一個鏈接相同。 我嘗試將選定下拉列表的網址添加到標簽，然后觸發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);

});