Categories: jQuery

Avoid jQuery conflicts with other libraries

Share

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.

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

Recent Posts

Overview of Reputation, Services, and Features of IplWin

IplWin stands as a reliable and enthralling platform for Indian punters, offering a captivating blend…

23 hours ago

Blogging Brilliance: Driving Traffic and Engagement with Quality Content

Introduction In today's online age, consumers are constantly bombarded with information. They crave valuable content…

1 day ago

How Assisted Living Gives Seniors More Freedom

In today’s rapidly aging society, finding a living situation that provides older adults with both…

1 day ago

Should you go for a Refurbished Mac?

If you wish to purchase a Mac, then it is strongly suggested to consider purchasing…

2 days ago

How Many Types of Bits are Used in Drilling Operations?

Oil drilling is a complex process that involves several components, including the drilling bit. The…

2 days ago

Best Watches to Match Your Business Look

Watches can be more than a fashion. They can be a symbol, especially in the…

3 days ago