Question

我正在使用pjax。它对上一个和下一个链接完全正常工作。在同一页面中，我有select2下拉列表，它应该与上一个和下一个链接相同。我尝试将选定下拉列表的URL添加到标签中，然后触发pjax但无效。

欢迎任何帮助/建议。我尝试了以下内容。这是上一个和下一个按钮，它的工作非常好。新的Pjax（{ 元素：＆＃34; div.js-Pjax a＆＃34;，选择器：[＆＃34; .nogallery img＆＃34;，＆＃34; .bannerBottom＆＃34;，＆＃34; .dropdownSearch＆＃34;，＆＃34; article.kinaguidenContent＆＃34;] }）对于简单下拉列表中的更改，我使用了以下内容但无济于事。

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

});

如何在select2下拉列表中使用MoOx pjax

1 个答案: