我正在使用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"));
})
最佳答案
我已将代码更改如下,并且运行良好。
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);
});
关于javascript - 如何在 select2 下拉列表中使用 MoOx pjax,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41436710/