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.
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
In a world where digital presence is paramount, the question isn't whether you should do…
Over the years, people have experimented with various methods to maintain healthy and beautiful hair.…
Your brand more than developing an attractive and creative logo and infectious motto. It's the…
Introduction Are you someone who has suffered from a personal injury and want to file…
Operating from home has emerged as one of the most popular ways of doing jobs…
If the consequences of our society’s ever-growing debt are what worries you, then it is…