jQuery & Mootools Conflict – Resolved

In this competitive edge, attractive and interactive design are the key for any website and rapid development is the key requirement for web developer. There are Frameworks and Libraries available which can help developers to adapt the rapid growth. Recently we faced an issue of “conflict between library and used framework”.

Here we are talking about jQuery – JavaScript Library and Mootools – JavaScript Framework.

jQuery – jQuery is a fast and concise JavaScript Library that simplifies HTML document traversing, event handling, animating, and Ajax interactions for rapid web development. jQuery is designed to change the way that you write JavaScript. Read More

Mootools – MooTools is a compact, modular, Object-Oriented JavaScript framework designed for the intermediate to advanced JavaScript developer. It allows you to write powerful, flexible, and cross-browser code with its elegant, well documented, and coherent API. Read More

Conflict result in running in some browsers and not running in other. One of the reason for this can be $ (jQuery uses the dollar sign as a function name, followed by a “query” used to “find things” to “do stuff” to.) which not been returned.

Is there anyone who knows the solution? Do let us know.

Resolved

We have implemented following solution to resolve the conflict.

Add below lines of code inside

<head></head>

tag of your HTML Page.

1
2
3
<script type="text/javascript">
$.noConflict();
</script>

Enjoy ! Take Care !



Comments are closed.