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 today’s fast-paced and highly competitive marketing environment, even the most creative campaign is only…
We are NYC moving firm. Are you planning a flat move? Maybe a distance or…
Mobile devices, unlike desktops and laptops, can not be handled by dozens or hundreds of…
Augmented Reality- An immersive experience for the learners! Learning and education aren’t the same as…
On special days like birthdays and weddings, we all like to celebrate our loved ones…
A web application is different from a regular mobile or desktop application as it runs…