WordPress.org

Ready to get started?Download WordPress

Forums

WHMCS Bridge
Buggy and jQuery conflict with WordPress theme (5 posts)

  1. aidwa
    Member
    Posted 3 years ago #

    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.

  2. aidwa
    Member
    Posted 3 years ago #

    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.

  3. Kang Sawul
    Member
    Posted 3 years ago #

    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

  4. ahmedamine
    Member
    Posted 2 years ago #

    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);

  5. erikpbogaerts
    Member
    Plugin Author

    Posted 2 years ago #

    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.

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic