WordPress.org

Ready to get started?Download WordPress

Forums

Calling Jquery mutiple times for plugins in wordpress (1 post)

  1. eljacko876
    Member
    Posted 3 years ago #

    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 has googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.jsloaded right above it in footer
    There may also be also calls to jquery.please help

Topic Closed

This topic has been closed to new replies.

About this Topic