Question

i m a beginner…
i have added two different jQuery… one is pop up which calls a file(ajax) and another is slider on the page…?

i have tried the “jQuery.noConflict();” but they only work for two different libraries …?

here i m using only jQuery….

here is the code…

<script>
    /* calls the pop-up */
    $(document).ready(function(){

        $(".example5").colorbox();
    });
    /* calls the slider */
        $(function(){
        $('.selecter').mobilyselect({
            collection: 'all',
            animation: 'absolute',
            duration: 500,
            listClass: 'selecterContent',
            btnsClass: 'selecterBtns',
            btnActiveClass: 'active',
            elements: 'li',
            onChange: function(){},
            onComplete: function(){}
        });
    });

</script>

`

when i remove one calling function the other called script works….
but when i keep both… the last called one works….

may be this is due to function over writing… but i don’t know how to solve it…?

thanking you…

Answer 1

Just combine the two:

$(document).ready(function(){

    $(".example5").colorbox();

    $('.selecter').mobilyselect({
        collection: 'all',
        animation: 'absolute',
        duration: 500,
        listClass: 'selecterContent',
        btnsClass: 'selecterBtns',
        btnActiveClass: 'active',
        elements: 'li',
        onChange: function(){},
        onComplete: function(){}
    });
});