Support » Plugin: WHMCS Bridge » [Plugin: ChoppedCode WHMCS Bridge] Buggy and jQuery conflict with WordPress theme

  • aidwa

    (@aidwa)


    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.

Viewing 4 replies - 1 through 4 (of 4 total)
  • aidwa

    (@aidwa)

    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 answeare

    how 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.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘[Plugin: ChoppedCode WHMCS Bridge] Buggy and jQuery conflict with WordPress theme’ is closed to new replies.