एकाधिक pjax को फिर से लोड करने के लिए कैसे करें

Question

मैं सिर्फ यह जानना चाहता हूं कि एकाधिक pjax को फिर से लोड कैसे करें? यह मेरा कोड

 $.pjax.reload({container:"#con_camp"}); 
     $.pjax.reload({container:"#con_camp1"}); 

लेकिन केवल # con_camp1 वह है जो पुनः लोड होगा।

Answer 1

इसे आजमाएं।

$.pjax.reload({container: "#1-pjax", async:false}); 
    $.pjax.reload({container: "#2-pjax", async:false}); 

Answer 2

जब async:false का उपयोग कर Chrome और Firefox दोनों इस फेंक रहे हैं:

मुख्य थ्रेड पर तुल्यकालिक XMLHttpRequest अंतिम उपयोगकर्ता का अनुभव करने के लिए की वजह से इसके हानिकारक प्रभाव मान्य नहीं है। अधिक सहायता के लिए, https://xhr.spec.whatwg.org/ देखें।

यह करने के लिए एक अलग तरह pjax:end घटना है कि जब एक कंटेनर पूरी तरह से कोड है कि अगले एक पुनः लोड होगा रजिस्टर करने के लिए पुनः लोड है ट्रिगर किया जाएगा उपयोग करने के लिए है। इस तरह वे एक के बाद एक पुनः लोड कर देंगे:

var pjaxContainers = ['#pjax-block-1', '#pjax-block-2', '#pjax-block-3']; 

$.each(pjaxContainers , function(index, container) { 
    if (index+1 < pjaxContainers.length) { 
      $(container).one('pjax:end', function (xhr, options) { 
       $.pjax.reload({container: pjaxContainers[index+1]}) ; 
      }); 
    } 
}); 

$.pjax.reload({container: pjaxContainers[0]}) ; 

Answer 3

तुम बस

$.pjax.reload({container: '#container_1'}).done(function() { 
    $.pjax.reload({container: '#container_2'}); 
});