[Plugin: ChoppedCode WHMCS Bridge] Buggy and jQuery conflict with WordPress theme
-
When I activated this WHMCS Bridge plugin, my slideshow on front panel stop working and no image appears. The same thing goes on my shortcode tab. All stop functioning.
Once I de-activated WMHCS Bridge, all starts to work again.
-
Today, after loads of bangin’ my head against the wall.. diggin’ my nose.. this WHMCS Bridge does has a conflict issue with jQuery in most of WordPress theme out there.
For now, $j=jQuery.noConflict();
$j(document).ready(function(){..has solved the conflict. I need to hack the JS in my theme and replaced all those. After all, my slideshow and tabs functioning back. Still too soon to say.
Read more about this here – Using jQuery With Other Libraries.
I have problems too.
when I activate this plugins, there are error like this:
“This plugins is not have valid header”
whats the meaning? thanks for answearehow do I do not understand how to fix this problem
here is my page JS slider
how to avoid conflict of jquery?
(function($)
{
$.fn.nivoSlider=function(options)
{
var settings=$.extend(
{
}
,$.fn.nivoSlider.defaults,options);
return this.each(function()
{
var vars=
{
currentSlide:0,currentImage:”,totalSlides:0,randAnim:”,running:false,paused:false,stop:false
};
var slider=$(this);
slider.data(‘nivo:vars’,vars);
slider.css(‘position’,’relative’);
slider.addClass(‘nivoSlider’);
var kids=slider.children();
kids.each(function()
{
var child=$(this);
var link=”;
if(!child.is(‘img’))
{
if(child.is(‘a’))
{
child.addClass(‘nivo-imageLink’);
link=child
}
child=child.find(‘img:first’)
}
var childWidth=child.width();
if(childWidth==0)childWidth=child.attr(‘width’);
var childHeight=child.height();
if(childHeight==0)childHeight=child.attr(‘height’);
if(childWidth>slider.width())
{
slider.width(childWidth)
}
if(childHeight>slider.height())
{
slider.height(childHeight)
}
if(link!=”)
{
link.css(‘display’,’none’)
}
child.css(‘display’,’none’);
vars.totalSlides++
}
);
if(settings.startSlide>0)
{
if(settings.startSlide>=vars.totalSlides)settings.startSlide=vars.totalSlides-1;
vars.currentSlide=settings.startSlide
}
if($(kids[vars.currentSlide]).is(‘img’))
{
vars.currentImage=$(kids[vars.currentSlide])
}
else
{
vars.currentImage=$(kids[vars.currentSlide]).find(‘img:first’)
}
if($(kids[vars.currentSlide]).is(‘a’))
{
$(kids[vars.currentSlide]).css(‘display’,’block’)
}
slider.css(‘background’,’url(‘+vars.currentImage.attr(‘src’)+’) no-repeat’);
for(var i=0;
i<settings.slices;
i++)
{
var sliceWidth=Math.round(slider.width()/settings.slices);
if(i==settings.slices-1)
{
slider.append($(‘<div class=”nivo-slice”></div>’).css(
{
left:(sliceWidth*i)+’px’,width:(slider.width()-(sliceWidth*i))+’px’
}
))
}
else
{
slider.append($(‘<div class=”nivo-slice”></div>’).css(
{
left:(sliceWidth*i)+’px’,width:sliceWidth+’px’
}
))
}
}
slider.append($(‘<div class=”nivo-caption”><p></p></div>’).css(
{
display:’none’,opacity:settings.captionOpacity
}
));
if(vars.currentImage.attr(‘title’)!=”)
{
var title=vars.currentImage.attr(‘title’);
if(title.substr(0,1)==’#’)title=$(title).html();
$(‘.nivo-caption p’,slider).html(title);
$(‘.nivo-caption’,slider).fadeIn(settings.animSpeed)
}
var timer=0;
if(!settings.manualAdvance&&kids.length>1)
{
timer=setInterval(function()
{
nivoRun(slider,kids,settings,false)
}
,settings.pauseTime)
}
if(settings.directionNav)
{
slider.append(‘<div class=”nivo-directionNav”>PrevNext</div>’);
if(settings.directionNavHide)
{
$(‘.nivo-directionNav’,slider).hide();
slider.hover(function()
{
$(‘.nivo-directionNav’,slider).show()
}
,function()
{
$(‘.nivo-directionNav’,slider).hide()
}
)
}
$(‘a.nivo-prevNav’,slider).live(‘click’,function()
{
if(vars.running)return false;
clearInterval(timer);
timer=”;
vars.currentSlide-=2;
nivoRun(slider,kids,settings,’prev’)
}
);
$(‘a.nivo-nextNav’,slider).live(‘click’,function()
{
if(vars.running)return false;
clearInterval(timer);
timer=”;
nivoRun(slider,kids,settings,’next’)
}
)
}
if(settings.controlNav)
{
var nivoControl=$(‘<div class=”nivo-controlNav”></div>’);
slider.append(nivoControl);
for(var i=0;
i<kids.length;
i++)
{
if(settings.controlNavThumbs)
{
var child=kids.eq(i);
if(!child.is(‘img’))
{
child=child.find(‘img:first’)
}
if(settings.controlNavThumbsFromRel)
{
nivoControl.append(‘<img src=”‘+child.attr(‘rel’)+'” alt=”” />‘)
}
else
{
nivoControl.append(‘<img src=”‘+child.attr(‘src’).replace(settings.controlNavThumbsSearch,settings.controlNavThumbsReplace)+'” alt=”” />‘)
}
}
else
{
nivoControl.append(‘‘+(i+1)+’‘)
}
}
$(‘.nivo-controlNav a:eq(‘+vars.currentSlide+’)’,slider).addClass(‘active’);
$(‘.nivo-controlNav a’,slider).live(‘click’,function()
{
if(vars.running)return false;
if($(this).hasClass(‘active’))return false;
clearInterval(timer);
timer=”;
slider.css(‘background’,’url(‘+vars.currentImage.attr(‘src’)+’) no-repeat’);
vars.currentSlide=$(this).attr(‘rel’)-1;
nivoRun(slider,kids,settings,’control’)
}
)
}
if(settings.keyboardNav)
{
$(window).keypress(function(event)
{
if(event.keyCode==’37’)
{
if(vars.running)return false;
clearInterval(timer);
timer=”;
vars.currentSlide-=2;
nivoRun(slider,kids,settings,’prev’)
}
if(event.keyCode==’39’)
{
if(vars.running)return false;
clearInterval(timer);
timer=”;
nivoRun(slider,kids,settings,’next’)
}
}
)
}
if(settings.pauseOnHover)
{
slider.hover(function()
{
vars.paused=true;
clearInterval(timer);
timer=”
}
,function()
{
vars.paused=false;
if(timer==”&&!settings.manualAdvance)
{
timer=setInterval(function()
{
nivoRun(slider,kids,settings,false)
}
,settings.pauseTime)
}
}
)
}
slider.bind(‘nivo:animFinished’,function()
{
vars.running=false;
$(kids).each(function()
{
if($(this).is(‘a’))
{
$(this).css(‘display’,’none’)
}
}
);
if($(kids[vars.currentSlide]).is(‘a’))
{
$(kids[vars.currentSlide]).css(‘display’,’block’)
}
if(timer==”&&!vars.paused&&!settings.manualAdvance)
{
timer=setInterval(function()
{
nivoRun(slider,kids,settings,false)
}
,settings.pauseTime)
}
settings.afterChange.call(this)
}
)
}
);
function nivoRun(slider,kids,settings,nudge)
{
var vars=slider.data(‘nivo:vars’);
if((!vars||vars.stop)&&!nudge)return false;
settings.beforeChange.call(this);
if(!nudge)
{
slider.css(‘background’,’url(‘+vars.currentImage.attr(‘src’)+’) no-repeat’)
}
else
{
if(nudge==’prev’)
{
slider.css(‘background’,’url(‘+vars.currentImage.attr(‘src’)+’) no-repeat’)
}
if(nudge==’next’)
{
slider.css(‘background’,’url(‘+vars.currentImage.attr(‘src’)+’) no-repeat’)
}
}
vars.currentSlide++;
if(vars.currentSlide==vars.totalSlides)
{
vars.currentSlide=0;
settings.slideshowEnd.call(this)
}
if(vars.currentSlide<0)vars.currentSlide=(vars.totalSlides-1);
if($(kids[vars.currentSlide]).is(‘img’))
{
vars.currentImage=$(kids[vars.currentSlide])
}
else
{
vars.currentImage=$(kids[vars.currentSlide]).find(‘img:first’)
}
if(settings.controlNav)
{
$(‘.nivo-controlNav a’,slider).removeClass(‘active’);
$(‘.nivo-controlNav a:eq(‘+vars.currentSlide+’)’,slider).addClass(‘active’)
}
if(vars.currentImage.attr(‘title’)!=”)
{
var title=vars.currentImage.attr(‘title’);
if(title.substr(0,1)==’#’)title=$(title).html();
if($(‘.nivo-caption’,slider).css(‘display’)==’block’)
{
$(‘.nivo-caption p’,slider).fadeOut(settings.animSpeed,function()
{
$(this).html(title);
$(this).fadeIn(settings.animSpeed)
}
)
}
else
{
$(‘.nivo-caption p’,slider).html(title)
}
$(‘.nivo-caption’,slider).fadeIn(settings.animSpeed)
}
else
{
$(‘.nivo-caption’,slider).fadeOut(settings.animSpeed)
}
var i=0;
$(‘.nivo-slice’,slider).each(function()
{
var sliceWidth=Math.round(slider.width()/settings.slices);
$(this).css(
{
height:’0px’,opacity:’0′,background:’url(‘+vars.currentImage.attr(‘src’)+’) no-repeat -‘+((sliceWidth+(i*sliceWidth))-sliceWidth)+’px 0%’
}
);
i++
}
);
if(settings.effect==’random’)
{
var anims=new Array(“sliceDownRight”,”sliceDownLeft”,”sliceUpRight”,”sliceUpLeft”,”sliceUpDown”,”sliceUpDownLeft”,”fold”,”fade”);
vars.randAnim=anims[Math.floor(Math.random()*(anims.length+1))];
if(vars.randAnim==undefined)vars.randAnim=’fade’
}
if(settings.effect.indexOf(‘,’)!=-1)
{
var anims=settings.effect.split(‘,’);
vars.randAnim=$.trim(anims[Math.floor(Math.random()*anims.length)])
}
vars.running=true;
if(settings.effect==’sliceDown’||settings.effect==’sliceDownRight’||vars.randAnim==’sliceDownRight’||settings.effect==’sliceDownLeft’||vars.randAnim==’sliceDownLeft’)
{
var timeBuff=0;
var i=0;
var slices=$(‘.nivo-slice’,slider);
if(settings.effect==’sliceDownLeft’||vars.randAnim==’sliceDownLeft’)slices=$(‘.nivo-slice’,slider)._reverse();
slices.each(function()
{
var slice=$(this);
slice.css(‘top’,’0px’);
if(i==settings.slices-1)
{
setTimeout(function()
{
slice.animate(
{
height:’100%’,opacity:’1.0′
}
,settings.animSpeed,”,function()
{
slider.trigger(‘nivo:animFinished’)
}
)
}
,(100+timeBuff))
}
else
{
setTimeout(function()
{
slice.animate(
{
height:’100%’,opacity:’1.0′
}
,settings.animSpeed)
}
,(100+timeBuff))
}
timeBuff+=50;
i++
}
)
}
else if(settings.effect==’sliceUp’||settings.effect==’sliceUpRight’||vars.randAnim==’sliceUpRight’||settings.effect==’sliceUpLeft’||vars.randAnim==’sliceUpLeft’)
{
var timeBuff=0;
var i=0;
var slices=$(‘.nivo-slice’,slider);
if(settings.effect==’sliceUpLeft’||vars.randAnim==’sliceUpLeft’)slices=$(‘.nivo-slice’,slider)._reverse();
slices.each(function()
{
var slice=$(this);
slice.css(‘bottom’,’0px’);
if(i==settings.slices-1)
{
setTimeout(function()
{
slice.animate(
{
height:’100%’,opacity:’1.0′
}
,settings.animSpeed,”,function()
{
slider.trigger(‘nivo:animFinished’)
}
)
}
,(100+timeBuff))
}
else
{
setTimeout(function()
{
slice.animate(
{
height:’100%’,opacity:’1.0′
}
,settings.animSpeed)
}
,(100+timeBuff))
}
timeBuff+=50;
i++
}
)
}
else if(settings.effect==’sliceUpDown’||settings.effect==’sliceUpDownRight’||vars.randAnim==’sliceUpDown’||settings.effect==’sliceUpDownLeft’||vars.randAnim==’sliceUpDownLeft’)
{
var timeBuff=0;
var i=0;
var v=0;
var slices=$(‘.nivo-slice’,slider);
if(settings.effect==’sliceUpDownLeft’||vars.randAnim==’sliceUpDownLeft’)slices=$(‘.nivo-slice’,slider)._reverse();
slices.each(function()
{
var slice=$(this);
if(i==0)
{
slice.css(‘top’,’0px’);
i++
}
else
{
slice.css(‘bottom’,’0px’);
i=0
}
if(v==settings.slices-1)
{
setTimeout(function()
{
slice.animate(
{
height:’100%’,opacity:’1.0′
}
,settings.animSpeed,”,function()
{
slider.trigger(‘nivo:animFinished’)
}
)
}
,(100+timeBuff))
}
else
{
setTimeout(function()
{
slice.animate(
{
height:’100%’,opacity:’1.0′
}
,settings.animSpeed)
}
,(100+timeBuff))
}
timeBuff+=50;
v++
}
)
}
else if(settings.effect==’fold’||vars.randAnim==’fold’)
{
var timeBuff=0;
var i=0;
$(‘.nivo-slice’,slider).each(function()
{
var slice=$(this);
var origWidth=slice.width();
slice.css(
{
top:’0px’,height:’100%’,width:’0px’
}
);
if(i==settings.slices-1)
{
setTimeout(function()
{
slice.animate(
{
width:origWidth,opacity:’1.0′
}
,settings.animSpeed,”,function()
{
slider.trigger(‘nivo:animFinished’)
}
)
}
,(100+timeBuff))
}
else
{
setTimeout(function()
{
slice.animate(
{
width:origWidth,opacity:’1.0′
}
,settings.animSpeed)
}
,(100+timeBuff))
}
timeBuff+=50;
i++
}
)
}
else if(settings.effect==’fade’||vars.randAnim==’fade’)
{
var i=0;
$(‘.nivo-slice’,slider).each(function()
{
$(this).css(‘height’,’100%’);
if(i==settings.slices-1)
{
$(this).animate(
{
opacity:’1.0′
}
,(settings.animSpeed*2),”,function()
{
slider.trigger(‘nivo:animFinished’)
}
)
}
else
{
$(this).animate(
{
opacity:’1.0′
}
,(settings.animSpeed*2))
}
i++
}
)
}
}
};
$.fn.nivoSlider.defaults=
{
effect:’random’,slices:15,animSpeed:500,pauseTime:3000,startSlide:0,directionNav:true,directionNavHide:true,controlNav:true,controlNavThumbs:false,controlNavThumbsFromRel:false,controlNavThumbsSearch:’.jpg’,controlNavThumbsReplace:’_thumb.jpg’,keyboardNav:true,pauseOnHover:true,manualAdvance:false,captionOpacity:0.8,beforeChange:function()
{
}
,afterChange:function()
{
}
,slideshowEnd:function()
{
}
};
$.fn._reverse=[].reverse
}
)(jQuery);The jquery issue is fixed as of version 1.1.0. You now have an option to disable loading the ah vs jquery if your theme already uses jquery.
- The topic ‘[Plugin: ChoppedCode WHMCS Bridge] Buggy and jQuery conflict with WordPress theme’ is closed to new replies.