pjax still does full page reload

javascript, jquery, pjax

Solution

Have you tried setting the timeout higher (default < 1s )?

For example:

$('document').ready(function(){
  $('ul a').pjax({
    container: '#main',
    timeout: 5000 #ms
  });
});

Problem

I have tried pjax examples in chrome and firefox, i took the sample code and placed it into my own app but it still does a full page reload. The AJAX request happens then the page moves on without updating the #main div ``` <html> <head> <script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/1.8.0/jquery-1.8.0.min.js"></script> <script src="http://localhost:8888/jul/js/jquery.pjax.js"></script> <script type="text/javascript"> // $(document).ready(function(){ // $('a[data-pjax]').pjax(); // }) // $(document).ready(function(){ // $('a').pjax({ // container: '#main' // }) $('document').ready(function(){ $('ul a').pjax('#main') }); </script> </head> <body> 11:59:36 <div id="main"> <div class='loader' style='display:none'><img src='http://localhost:8888/jul/imgs/spinner.gif'></div><ul> <li><a data-pjax='#main' href="/jul/stats/pjax_stats/index/">Index</a></li> <li><a data-pjax='#main' href="/jul/stats/pjax_stats/total_posts/">total_posts</a></li> <li><a data-pjax='#main' href="http://localhost:8888/jul/stats/pjax_stats/index">Index</a></li> <li><a data-pjax='#main' href="http://localhost:8888/jul/stats/pjax_stats/total_posts">total_posts</a></li> <li><a href="http://localhost:8888/jul/stats/pjax_stats/total_graph">total_graph</a></li> <li><a href="http://localhost:8888/jul/stats/pjax_stats/twitter_graph">twitter_graph</a></li> <li><a href="http://localhost:8888/jul/stats/pjax_stats/facebook_graph">facebook_graph</a></li> </ul>index files </div> </body> </html> ``` I have tried multiple methods to invoke pjax and maybe someone else could point out where i am going wrong? The Ajax/GET seems to return fine in firebug console- this is an example of my php that produces the pjax response ``` public function total_posts(){ // print_r($_SERVER); if (!isset($_SERVER["X_PJAX"])) { $this->load->view('stats/pjax_stats/header'); $this->load->view('stats/pjax_stats/links'); }else{ echo "pjax";//add in for debug } echo "total posts"; if (!isset($_SERVER['X-PJAX'])) { $this->load->view('stats/pjax_stats/footer'); } } ``` A bug? There seems to be a bug in the latest version where the append variable to the end of the url where the ajax request is made to is _pjax=container instead of _pjax=true

Original source