Results 1 to 3 of 3

Thread: Content Glider - possible jquery conflicts?

  1. #1
    Join Date
    Feb 2008
    Posts
    7
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Content Glider - possible jquery conflicts?

    1) Script Title: Featured Content Glider

    2) Script URL (on DD):

    http://www.dynamicdrive.com/dynamici...tentglider.htm


    3) Problem:

    When I load the FCG javascript it seems to create some sort of jquery conflict. Not only does the FCG script not work but all jquery scripts on the page shut down.

    I have used the FCG script on other sites and pages so I know it works.

    The tree menu in the left sidebar and Customer Comments image rotator (also in left sidebar) work on all other pages on the site so I know those are fine too. These elements use jquery.

    But together they won't play nice. Am at a loss.

    Page in question:

    http://www.magicvacdirect.com/index.php

    The only thing I could think of was the loading order of scripts.. but I'm no JS programmer so am now stuck.

    Thanks for your help

    Greg

  2. #2
    Join Date
    Feb 2008
    Posts
    7
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default follow up

    I found this thread and implemented the suggestions there...

    http://www.dynamicdrive.com/forums/s...ad.php?t=29309

    This did stop the conflict issues and the other jquery scripts on the page now run fine. But Featured Content Glider does not load.

    Looked in the source and all the scripts seem to be loading.

    ??

    GF

  3. #3
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    Works in all but IE. Here (around line #194 in your page's source code):

    Code:
    <script type="text/javascript">
    jQuery(function($) {
    $('#pic').crossSlide({
      sleep: 6,
      fade: 1,
      shuffle: true,
    }, [
      { src: '/images/custom/quotes/q_1.gif'},
      { src: '/images/custom/quotes/q_2.gif'},
      { src: '/images/custom/quotes/q_3.gif'},
      { src: '/images/custom/quotes/q_4.gif'},
    ]);});
    </script>
    No comma (red) after the last object in the array. That's a technical rule that most others now error correct for (didn't used to). IE hasn't added this to its error correction routines yet.

    There could also be other problems. One thing I did notice (and if it works like this, it's not really a problem, just inefficient) was that you have both jQuery 1.3.2 and 1.4 on the page. You should only need one.

    Also 1.4 wasn't real stable. 1.3.2 was, but 1.4.2 is the latest, fastest and is stable. There should be no backward compatibility issues with 1.3.2. So I'd try getting rid of (around line #68):

    HTML Code:
    <script type="text/javascript" src="/js/jquery-1.4.min.js"></script>
    And changing (around line #39):

    HTML Code:
    <script type="text/javascript" src="content/vendors/jquery/jquery-1.3.2.min.js"></script>
    to:

    HTML Code:
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
    If that works out and you still want to host your own copy of jQuery, you may get it from the address in the src attribute. But letting Google host your script may speed page load, as many folks will already have it cached from that location.
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •