Question

Ok Guys please forgive my ignorance. I’m new to javascript so all help is well received. I’ve been trying to implement these solutions but it’s not working. This is what I have on my revised code:

    <script type="text/javascript">
    jQuery.noConflict() // return `$` to it's previous "owner"
    (function($){ // in here you're assured that `$ == jQuery`
    $(document).ready(function(){  
    $('#slider1').tinycarousel()
    $('a.fancybox').fancybox()
    $('textarea, select').uniform()
    $('#slider').nivoSlider ({ pauseTime: 6000, effect: 'sliceDown'})
    })
    })(jQuery)
    </script>

When i do this it makes all of the above stop working.

Also, I still have the other statement

    function $(id) {
    return document.getElementById(id);
}

Which Im not sure if I understand what to do with it since if I take it off the element that goes with it stops working (it’s a dual slider)

Thanks Again

---

I’m a javascript novice so my apologies :0)

I’m using this javascript on a website:

    <script type="text/javascript">        
    $(document).ready(function(){  
        $('#slider1').tinycarousel();
        $('a.fancybox').fancybox();
        $('textarea, select').uniform();
        $('#slider').nivoSlider ({ pauseTime: 6000, effect: 'sliceDown'});
    });
    </script>

There is another script that contains this at the beginning which is making everything else to stop working. As soon as I delete it everything works again. Is there a way to unite these? or do they need to stay separate?

    function $(id) {
        return document.getElementById(id);
    }

Thanks in advance…

Answer 1

It’s good practice to “shield” your code from this kind of problem by never using the $ function directly, instead create a new scope where you explicitly define $ = jQuery:

jQuery.noConflict() // return `$` to it's previous "owner"
(function($){ // in here you're assured that `$ == jQuery`
    $(document).ready(function(){  
        $('#slider1').tinycarousel()
        $('a.fancybox').fancybox()
        $('textarea, select').uniform()
        $('#slider').nivoSlider ({ pauseTime: 6000, effect: 'sliceDown'})
    })
})(jQuery)

Alternatively, jQuery passes itself to the DOMReady short form:

jQuery.noConflict()

jQuery(function($){
        $('#slider1').tinycarousel()
        $('a.fancybox').fancybox()
        $('textarea, select').uniform()
        $('#slider').nivoSlider ({ pauseTime: 6000, effect: 'sliceDown'})
})

Make this a standard practice and you’ll avoid the issue in the future.