AJAX posts not working consistantly

I was able to get the navigation working with AJAX to address part of the issue. Looks like any kind of 3rd party JS errors will stop this thing in its tracks and prevent proper navigation. By eliminating a 3rd part JS issue it now consistently goes from page 1 to page 2, 3, 4, etc using AJAX.

However, you still can not go from page 2 to page 1. a 404 is thrown for http://www.mysite.com/mypost/mypost (no hash) and the location changes to http://www.mysite.com/mypost/#mypost which is not a valid option.

You really need to add a field in the settings for JavaScript events that fire once the AJAX content has loaded, as many people will need to load or refresh ADs when this happens. (not just when nav is clicked, but when content has loaded)

And the CSS issues are still a headache. I’m going to have to modify your plugin to not load any of the CSS files and redo everything by hand.

And hopefully the fix for page 2 to 1 is done soon, as this is holding up one of our projects. We can’t launch until it’s fixed. So the $60 spent on your “pro” plugin may quickly become a $60,000 loss…

The code I had to change is inside $(window).hashchange() and specifically inside of “success” and it needs to pass a variable (for now). That is not something I can setup using bind.

Inside that function I am calling my own custom “reloadAds” function. I also need to pass your value for “hash” to my function so I can determine which page is being loaded, as the ads don’t need to reload for the first time Page 1 loads, only every time a new page is loaded or the user goes back to Page 1 (which may be an issue now that it’s possible to navigate back to page 1)

It’s possible there is some other event I can tie into, but it’s vital that thigns fire after the new page content has been injected into the DOM.

Here is a code sample.

	// Bind the event.
	$(window).hashchange( function(){
	//set the value as a variable, and remove the #
		var hash_value = window.location.hash.replace('#', '');
		$.ajax({
			url:window.location.pathname + window.location.search + hash_value,
			dataType:'html',
			type: 'post',
			success:function(res){
				$(".jps-wrap-content").html($(res).find(".jps-the-content").fadeIn('slow').addClass('done'));
				
				// My function below
				reloadAds(hash_value);

				$('.jps-slider-nav a').bind('click',ajaxNav);
				if (jpps_options_object.scroll_up) {
					$('html, body').animate({
						scrollTop: 0
					}, jpps_options_object.scroll_number*1000 );
				};
			}
		});
	});

Really all that is needed is for the plugin to allow users to define an event that fires when pages reload, ideally only when new pages load, not the first load. But it needs to fire after the new content has loaded, so it can’t just fire when Next or Previous is clicked.

I can confirm that the AJAX link back to page 1 from page 2 is now working after updating to the latest version.

Thanks for adding the ability to have a function callback for AJAX page switching. That is working well for me as well.

Is there a way to expose the page number so the new function can have context? For example, being able to fire a tracking code on page 3.