Question

I am trying to get the 2 jquerys to work without conflicting!

Here is my code:

(function($){ //This functions first parameter is named $
    $(document).ready(function(){
        // tabbed boxes
        $('#tabs div').hide();
        $('#tabs div:first').show();
        $('#tabs ul li:first').addClass('active');
        $('#tabs ul li a').click(function(){ 
            $('#tabs ul li').removeClass('active');
            $(this).parent().addClass('active'); 
            var currentTab = $(this).attr('href'); 
            $('#tabs div').hide();
            $(currentTab).show();
            return false;
        });
    });

    $(window).load(function(){
        // jQuery Lightbox
        var lightboxPath = "/js/jquery-lightbox/";
        $("a[rel='group1']").lightBox({
            imageLoading:lightboxPath+"img/lightbox-ico-loading.gif",
            imageBtnPrev:lightboxPath+"img/lightbox-btn-prev.gif",
            imageBtnNext:lightboxPath+"img/lightbox-btn-next.gif",
            imageBtnClose:lightboxPath+"img/lightbox-btn-close.gif",
            imageBlank:lightboxPath+"img/lightbox-blank.gif"
        });

        // Photo gallery > Standard
        $(".photosgallery-std").sliderkit({
            mousewheel:true,
            shownavitems:7,
            //navfx:"none",
            panelbtnshover:true,
            auto:true,
            circular:true,
            navscrollatend:true,
            counter:true
        });
    })
})(jQuery); 

Please can anyone help 🙂

Answer 1

I think you have to put this outside of ()(jQuery);:

$(document).ready(function(){
    // tabbed boxes
    $('#tabs div').hide();
    $('#tabs div:first').show();
    $('#tabs ul li:first').addClass('active');
    $('#tabs ul li a').click(function(){ 
        $('#tabs ul li').removeClass('active');
        $(this).parent().addClass('active'); 
        var currentTab = $(this).attr('href'); 
        $('#tabs div').hide();
        $(currentTab).show();
        return false;
    });
});

(function($){ //This functions first parameter is named $
$(window).load(function(){
    // jQuery Lightbox
    var lightboxPath = "/js/jquery-lightbox/";
    $("a[rel='group1']").lightBox({
        imageLoading:lightboxPath+"img/lightbox-ico-loading.gif",
        imageBtnPrev:lightboxPath+"img/lightbox-btn-prev.gif",
        imageBtnNext:lightboxPath+"img/lightbox-btn-next.gif",
        imageBtnClose:lightboxPath+"img/lightbox-btn-close.gif",
        imageBlank:lightboxPath+"img/lightbox-blank.gif"
    });

    // Photo gallery > Standard
    $(".photosgallery-std").sliderkit({
        mousewheel:true,
        shownavitems:7,
        //navfx:"none",
        panelbtnshover:true,
        auto:true,
        circular:true,
        navscrollatend:true,
        counter:true
    });
});
})(jQuery);