Have an account? Sign in
Login  Register  Facebook
Why set var jQuery.noConflict () is invalid?
This is a JQuery gallery, the above code is in an external js file, the following code is in the head part.
Why set var $ j = jQuery.noConflict (); is invalid?
I have put many jquery plungin in my code, so I try $$ and jQuery to instead of $, but they all not worked. How to solve? Thanks.
(function(a){ 
    a.fn.desSlideshow=function(p){ 
        var p=p||{}; 
 
        var autoplay=p&&p.autoplay?p.autoplay:"enable"; 
        var slideshow_width=p&&p.slideshow_width?p.slideshow_width:"600"; 
        var slideshow_height=p&&p.slideshow_height?p.slideshow_height:"250"; 
        var thumbnail_width=p&&p.thumbnail_width?p.thumbnail_width:"200"; 
        var time_Interval = p&&p.time_Interval?p.time_Interval:"4000"; 
        var directory=p&&p.directory?p.directory:"images"; 
        slideshow_height = parseInt(slideshow_height); 
        slideshow_width = parseInt(slideshow_width); 
        time_Interval = parseInt(time_Interval); 
        var g=a(this); 
        var current = -1; 
        var y=g.children(".switchBigPic").children("div").length; 
        var v; 
        var w; 
        if(y==0){ 
            g.append("Require content"); 
            return null 
        } 
        init(); 
        if(autoplay == "enable"){ 
            g.find(".switchBigPic").css("display","block"); 
            g.find(".nav").css("display","block"); 
            g.css("background","none"); 
            play(); 
        }else{ 
            g.find(".switchBigPic").css("display","block"); 
            g.find(".nav").css("display","block"); 
            g.css("background","none"); 
            current = 0; 
            showpic(); 
        } 
        g.find(".nav").children("li").hover( 
            function(){ 
                var index = g.find(".nav").children("li").index($(this)); 
                if(index != current){ 
                    current = index; 
                    showpic(); 
                } 
            }, 
            function(){ 
 
            } 
        ); 
        g.hover( 
            function(){ 
 
            }, 
            function(){ 
                if(autoplay == "enable"){ 
                    v=setTimeout(play,time_Interval); 
                } 
            } 
        ); 
        function init(){ 
            g.css("width",slideshow_width+"px").css("height",slideshow_height+"px").css("position","relative").css("font-family","Verdana,Geneva,sans-serif").css("border-top","1px solid #CCCCCC").css("overflow","hidden"); 
            g.find("a").css("color","#000"); 
            g.find("img").css("border","none"); 
            g.find("ul").css("margin","0px").css("padding","0px"); 
            g.find("li").css("margin","0px").css("padding","0px").css("list-style","none"); 
            g.find(".switchBigPic").css("position","relative"); 
            g.find(".switchBigPic").children("div").css("position","absolute").css("overflow","hidden"); 
            g.find(".switchBigPic").children("div").children("p").css("position","absolute").css("padding","5px").css("margin","0px").css("bottom","0px").css("opacity","0.6").css("background-color","#000").css("color","#FFF").css("font-size","12px").css("width","100%"); 
            g.find(".nav").css("width",thumbnail_width+"px").css("height",slideshow_height+"px").css("position","absolute").css("right","0px"); 
            g.find(".nav").children("li").css("height","49px").css("background-image","url("+directory+"flashtext-bg.jpg)").css("line-height","49px").css("border-bottom","1px solid #CCCCCC").css("border-right","1px solid #CCCCCC"); 
            g.find(".nav").children("li").children("a").css("text-decoration","none").css("height","49px").css("display","block").css("padding-left","25px").css("font-size","14px"); 
            g.find(".nav").children("li").css("margin-left","0px"); 
            g.find(".switchBigPic").children("div").hide(); 
        } 
        function showpic(){ 
            clearTimeout(v); 
            g.find(".nav").children("li").css("background-image","url("+directory+"flashtext-bg.jpg)").css("border-bottom","1px solid #CCCCCC"); 
            g.find(".nav").children("li").eq(current).css("background-image","url("+directory+"flash-on.gif)").css("border-bottom","none"); 
            g.find(".switchBigPic").children("div").fadeOut(); 
            g.find(".switchBigPic").children("div").eq(current).fadeIn(); 
            g.find(".nav").children("li").eq(current).animate({marginLeft: '-35px'}, "fast"); 
            g.find(".nav").children("li").eq(w).animate({marginLeft: '0px'}, "fast"); 
            w = current; 
 
        } 
        function play(){ 
            current++; 
            if(current>=y){ 
                current=0 
            } 
            showpic(); 
            v=setTimeout(play,time_Interval); 
        } 
    } 
})(jQuery);
<script language="javascript" type="text/javascript"> 
    $(function() {
        $("#desSlideshow1").desSlideshow({
            autoplay: 'enable',//option:enable,disable
            slideshow_width: '800',//slideshow window width
            slideshow_height: '249',//slideshow window height
            thumbnail_width: '200',//thumbnail width
            time_Interval: '4000',//Milliseconds
            directory: 'images/'// flash-on.gif and flashtext-bg.jpg directory
        });
        $("#desSlideshow2").desSlideshow({
            autoplay: 'disable',//option:enable,disable
            slideshow_width: '600',//slideshow window width
            slideshow_height: '249',//slideshow window height
            thumbnail_width: '120',//thumbnail width
            time_Interval: '4000',//Milliseconds
            directory: 'images/'// flash-on.gif and flashtext-bg.jpg directory
        });
    });
</script>
This is the web site of it.
Started: September 22, 2011 Latest Activity: September 22, 2011 jquerygallery

I checked the link; it works and there is no call to jQuery.noConflict
September 22, 2011

Yes sir,maybe I did not say clearly. the link is not my web, it is just the demo site. I want to add this plungin into my site(my site is still under construction).And my page has already many jquery plungins in it. the original code did not work(the right nav menu), so I tried to modify $$ and jQuery to instead of $, it still not worked. How to modify correctly so that it can run well with other jquery plungins? Thanks.
September 22, 2011

Can you post YOUR code then? where the noConflict error is occurring.
September 22, 2011

hi, my code is too long and their still have many jquery plungins. Only one $function can not work in my code. so I use var $j = jQuery.noConflict (); to rename the function. This method is useful in other jquery plungin, but not in this one. the nav menu of this one can not work if I renamed it. I think it because the last line of the external js file: "})(jQuery);" Do you have any idea of that?
September 22, 2011

Your Answer

xDo you want to answer this question? Please login or create an account to post your answer