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
Based on United States, Jacob Frazier is a skilled JavaScript developer with over 8 years of experience. He is passionate about change and trying new things, both professionally and personally. He loves startups and is extremely proactive.
Introduction The influence of words is more significant than ever in a digital age. Whether…
The success of any tech innovation depends on its share in various industries and business…
Facing Google penalties can be a daunting challenge for businesses relying on organic search traffic.…
Technology, undeniably, has made our lives easier. But the advent of artificial intelligence has been…
Guest post services have become an essential tool for businesses and individuals looking to increase…
Programming continues to evolve at a rapid pace, with new trends and technologies emerging every…