|
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.
|
'youlichika' Status
Questions : 15
Answers : 8 Comments : 16 |
FOLLOW AWCORE
- Follow Us:
© Advanced Web Core. All rights reserved
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