Results 1 to 4 of 4

Thread: Flex Level Drop Down Menu (v1.1) jQuery

  1. #1
    Join Date
    Aug 2010
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Flex Level Drop Down Menu (v1.1) jQuery

    1) Script Title:
    Flex Level Drop Down Menu (v1.1)
    2) Script URL (on DD):
    http://www.dynamicdrive.com/dynamici...exdropdown.htm
    3) Describe problem:

    Hello,

    I am having problems running this script with another(side menu and slide show). I think it is because of the jQuery. I know pretty much nothing about javascript so i cant say for sure. One will work on a page but not the other and the opposite happens on another page.

    http://www.tropicalsiesta.net/beta/sideslide menu works...Slideshow does not
    http://www.tropicalsiesta.net/beta/slide slideshow works... menu does not


    Please let me know if you can help

    Thanks
    Brian

  2. #2
    Join Date
    Aug 2010
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Fixed my own problem!


    Solutions can be found here:
    http://praveenbattula.blogspot.com/2...different.html

    Just added
    Code:
    var $j = jQuery.noConflict();
    and changed every $ to a $j


    If your reading this and this will cause a problem down the road let me know!
    Thanks!

  3. #3
    Join Date
    Oct 2009
    Posts
    845
    Thanks
    14
    Thanked 189 Times in 188 Posts

    Default

    on the first page you may want to try changing this
    Code:
    <script type="text/javascript"> //http://webdeveloperplus.com/jquery/featured-content-slider-using-jquery-ui/
    	$(document).ready(function(){
    $("#featured").tabs({fx:{opacity: "toggle"}}).tabs("rotate", 1000, true);
    $("#featured").hover(
    function() {
    $("#featured").tabs("rotate",0,true);
    },
    function() {
    $("#featured").tabs("rotate",1000,true);
    }
    );
    });
    </script>
    to this
    Code:
    <script type="text/javascript"> //http://webdeveloperplus.com/jquery/featured-content-slider-using-jquery-ui/
    	jQuery(document).ready(function($){
    $("#featured").tabs({fx:{opacity: "toggle"}}).tabs("rotate", 1000, true);
    $("#featured").hover(
    function() {
    $("#featured").tabs("rotate",0,true);
    },
    function() {
    $("#featured").tabs("rotate",1000,true);
    }
    );
    });
    </script>
    if it helps it is because the flexdropdown script is in jquery noconflict mode

    edit: okay I see you fixed it already

  4. #4
    Join Date
    Aug 2010
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Yeah that works as well. Is there a difference? which one is better? ill go with yours bc i have no idea what i am doing.


    Thanks SO much!

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
  •