select2ドロップダウンでMoOx pjaxを使用する方法

Question

私は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")); 
}) 

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

});