Calling Jquery mutiple times for plugins in wordpress
-
I know there is a better way to do this, and I want to get best practices right.Please Help.
Issue 1:
One of my Jquery plugins, jsquares.min.js is only affecting the first post in the array if divs with a class called right above the closing body tag like so :<script type="text/javascript" src="http://www.mydomain.com/scripts/jquery.jsquares.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ $('.videothumbbox').jsquares({ shuffle_in: false, // have the pictures all fade in on page load? fade_on_hover: false, // do we want the images to fade on hover or just change opacity? caption_slide_down: true // do we want the caption to slide down or just appear? }); }); </script>
Im new to jquery, and so even newer to loading jquery in wordpress. I have read : “Loading Jquery in wordpress the right way ” at
The key in this article is loading wp_enqueue_script. This solution did help with previous plugins however jsquares noted above will only load the first i array.
Here is the relevant source:
<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml" xmlns:og="http://ogp.me/ns#" xmlns:fb="http://www.facebook.com/2008/fbml" xml:lang="en" lang="en"> <head> <title> </title> <script type="text/javascript" src="http://www.jussbuss.tv/scripts/jquery-1.3.2.min.js"></script> <script type='text/javascript' src='http://www.jussbuss.tv/wp-includes/js/jquery/jquery.js?ver=1.6.1'></script> </head>
Also in the footer is :
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
(used for backstretch.min.js)
I addition to loading jsquares in the footer after the following plugins:
jquery.ae.image.resize.min.js
jquery.backstretch.min.js which hasgoogleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js
loaded right above it in footer
There may also be also calls to jquery.please help
- The topic ‘Calling Jquery mutiple times for plugins in wordpress’ is closed to new replies.