How to reload all the js and jquery scripts after ajax page load?

(@davidmcnee)

For the other plugins you mentioned just look in the plugin folder for the js files and use the above code to reload them, just replace the paths

Thread Starter

(@lucaskent)

Hi Circular one, thank you for the response. But i am not using woocommerce.

I am using

1. elegant themes tabbed menu (Its a jquery tabbed menu)
2. WP pro Quiz (it doesnt work at all after ajax page load) – http://wordpress.org/plugins/wp-pro-quiz/
3. Here is the sharing plugin – https://wordpress.org/plugins/sharebar/

(@davidmcnee)

Hi yeah, sorry noticed that after i’d posted.

The getscript code above though will work to reload any plugins js files. Just find the files in the plugin folder and replace the paths then paste it into the reload code box in aapl settings. Check the source of a page after a refresh to see if the plugin is adding any js code into the html. If it has then copy that code and paste it in the reload box too.

Thread Starter

(@lucaskent)

Hi Circular, I have already tried that but still no good. I am not very good with js. Can you please have a look at http://www.examtimequiz.com and make a suggestion please?

I am not using the plugin on the site live yet, working on it locally.

(@davidmcnee)

Use firebug to see if there’s any error messages in the console panel.

For the share bar this code is being added to the head

jQuery(document).ready(function($) { $('.sharebar').sharebar({horizontal:'true',swidth:'70',minwidth:1025,position:'left',leftOffset:35,rightOffset:10}); });

To start with i’d add that to aapl reload codes, changing all “$” to “jQuery”

I’d need to see the site with the plugins activated to help further.

CHeers

Thread Starter

(@lucaskent)

The code you posted above worked a little bit. Now the sharebar thing appears a little bit but not all of them and the fb like buttons not working either.

Here is one i created so you could check it
http://dev.examtimequiz.com/

Please help me out on this one i really need this thing to work 🙁

(@davidmcnee)

For the share buttons to share the current page you need to update the site title and serve up the right url to the sharing scripts. Facebook has it’s own meta tags for sharing and these need to be updated too. At the moment it will always show the details of the first page entered.

This might not be the best way but it works for me. On every page include this code within the loop

<div class="opengraph-details" style="display:none;">
	<?php echo "<meta property='og:site_name' content='". get_bloginfo('name') ."'/>";
	echo "<meta property='og:url' content='" . get_permalink() . "'/>"; // Gets the permalink to the post/page
	echo "<meta property='og:title' content='" . get_the_title() . "'/>"; // Gets the page title
	echo "<meta property='og:type' content='article'/>"; // Sets the content type to be article.
	echo "<meta property='og:description' content='" . get_the_excerpt() . "' />";
	if(has_post_thumbnail( $post->ID )) {
		thumbnail = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'large' );
		echo "<meta property='og:image' content='" . esc_attr( $thumbnail[0] ) . "'/>";
	} ?>
</div>

Then in advanced ajax page loader plugin directory find the file ajax-page-loader.js and after line 254 add this

jQuery('head meta[property="og:site_name"]').remove();
jQuery('head meta[property="og:url"]').remove();
jQuery('head meta[property="og:title"]').remove();
jQuery('head meta[property="og:type"]').remove();
jQuery('head meta[property="og:description"]').remove();
jQuery('head meta[property="og:image"]').remove();
jQuery('div.opengraph-details').contents().appendTo('head');

It removes the facebook opengraph meta tags and replaces them with the current page info once the page has successfully loaded.

The actual share urls are generated with PHP. The easiest way to have them share the current page URL would be to either move the widget into the main content area, at the top or bottom of a post so they’re reloaded by AAPL.

If that’s not an option then you could replace them with jQuery.

This is untested but something like this should work. To change the facebook share url do something like

var windowLocation = window.location.href.replace(window.location.hash, '');
var facebookLink = 'https://www.facebook.com/sharer/sharer.php?u='+ windowLocation;
jQuery('a.synved-social-provider-facebook').attr('href', facebookLink);

And repeat for all the other links

(@davidmcnee)

For the quiz try putting this in the AAPL reload code box

jQuery.getScript("wp-includes/js/jquery/ui/jquery.ui.core.min.js", function(data, textStatus, jqxhr){ });
jQuery.getScript("wp-includes/js/jquery/ui/jquery.ui.widget.min.js", function(data, textStatus, jqxhr){ });
jQuery.getScript("wp-includes/js/jquery/ui/jquery.ui.mouse.min.js", function(data, textStatus, jqxhr){ });
jQuery.getScript("wp-includes/js/jquery/ui/jquery.ui.sortable.min.js", function(data, textStatus, jqxhr){ });
jQuery.getScript("wp-content/plugins/wp-pro-quiz/js/wpProQuiz_front.min.js", function(data, textStatus, jqxhr){ });
jQuery.getScript("wp-content/plugins/wp-pro-quiz/js/jquery.ui.touch-punch.min.js", function(data, textStatus, jqxhr){ });

And to get the elegant themes tabbed menu working try adding this too

jQuery.getScript("wp-content/plugins/et-shortcodes/js/et_shortcodes_frontend.js", function(data, textStatus, jqxhr){ });

Thread Starter

(@lucaskent)

http://screencast.com/t/N231phWBB

Ok Thanks a ton for all that help. I will try that but i think those are all for the share thing to work. What about the quiz section and those jquery tabbed menus?

Those still do not work 🙁

(@davidmcnee)

yeah check the last reply for the quiz and tabs, add that code to the AAPL box and i’ll have a look

Thread Starter

(@lucaskent)

Hi i just saw your other response. I have copied those over but still doesnt work 🙁

(@davidmcnee)

http://dev.examtimequiz.com/

Just had a look, add this to the start of every getScript url

Thread Starter

(@lucaskent)

I have added

jQuery.getScript("wp-includes/js/jquery/ui/jquery.ui.core.min.js", function(data, textStatus, jqxhr){ });
jQuery.getScript("wp-includes/js/jquery/ui/jquery.ui.widget.min.js", function(data, textStatus, jqxhr){ });
jQuery.getScript("wp-includes/js/jquery/ui/jquery.ui.mouse.min.js", function(data, textStatus, jqxhr){ });
jQuery.getScript("wp-includes/js/jquery/ui/jquery.ui.sortable.min.js", function(data, textStatus, jqxhr){ });
jQuery.getScript("wp-content/plugins/wp-pro-quiz/js/wpProQuiz_front.min.js", function(data, textStatus, jqxhr){ });
jQuery.getScript("wp-content/plugins/wp-pro-quiz/js/jquery.ui.touch-punch.min.js", function(data, textStatus, jqxhr){ });

and

jQuery.getScript("wp-content/plugins/et-shortcodes/js/et_shortcodes_frontend.js", function(data, textStatus, jqxhr){ });

to the AAPL reload box. Do you want me to put it anywhere else?

(@davidmcnee)