Categories
jQuery

Avoid jQuery conflicts with other libraries

jQuery uses $ as a alias or shortcut. So if you use another javascript library (like prototype, mootools etc) that uses same alias then you are in a jQuery conflicts situation.

Use no-conflict mode to avoid jQuery conflicts:

You have to use a new variable name to replace with jQuery $.
For e.g.

<script src="jquery.js"></script>
<script src="prototype.js"></script>
<script>
var $myjq = jQuery.noConflict();
$myjq(document).ready(function() {
    $myjq( "div" ).hide();
});
</script>

To know more about jQuery Conflict, click here.

You may like:  Uploadify – jQuery file upload plugin

Immediately Invoked Function Expression:
Here is another pattern where you can use $ by wrapping your code in invoked function expression.

<script src="jquery.js"></script>
<script src="prototype.js"></script>
<script>
jQuery.noConflict();
(function( $ ) {
    // Write your jQuery here using $
})( jQuery );
</script>

Must Read: Steps to take when jQuery is not working

Avatar for Namaste UI (Author)

By Namaste UI (Author)

Namaste UI collaborates closely with clients to develop tailored guest posting strategies that align with their unique goals and target audiences. Their commitment to delivering high-quality, niche-specific content ensures that each guest post not only meets but exceeds the expectations of both clients and the hosting platforms. Connect with us on social media for the latest updates on guest posting trends, outreach strategies, and digital marketing tips. For any types of guest posting services, contact us on info[at]namasteui.com.

Leave a Reply

Your email address will not be published. Required fields are marked *