Using Multiple Libraries:
You can use multiple libraries all together without conflicting each other. For example you can use jquery and Moo Tool javascript libraries together.
jquery-noConflict() Method:
Many javascript libraries use $ as a function or variable name, just as jquery does. In jquery’s case, $ is just an alias for jquery, so all functionality is available without using $.
Run $.noConflict() method to give control of the $ variable back to whichever library first implemented it. This helps to make sure that jquery doesn’t conflict with the $ object of other libraries.
Definition and Usage:
The noConflict() method releases jquery’s control of the $ variable. This method can also be used to specify a new custom name for the jquery variable. This method is useful when other javascript libraries use the $ for their functions.
Syntax:$.noConflict(removeAll)
| Parameter | Description |
|---|---|
| removeAll | Optional, A Boolean value that specifies whether or not to release jquery’s control of All jquery variables(including “jquery”) |
<html>
<head>
<script type=”text/javascript” src=”jquery.js”></script>
<script type=”text/javascript”>
Var jq=$.noConflict();
Jq(document).ready(function(){
Jq(“button”).click(function(){
});
});
</script>
</head>
<body>
<h2>This is heading</h2>
<p>This is paragraph.</p>
<p>This is another paragraph.</p>
<button>Click me</button>
</body>
</html>
Here is simple way of avoiding any conflict:
//Import other library
//Import jquery
$.noConflict();
//code that uses other library’s $ can follow here.
This technique is especially effective in conjunction with the ready() method’s ability to alias the jquery object as within the ready() we can use $ if we wish without fear of conflicts later:
//Import other library
//Import jquery
$.noConflict();
jquery(document).ready(function($){
//code that uses other library’s $ can follow here.
});
//code that uses other library’s $ can follow here.
DOM element
Comments/Suggestions are invited. Happy coding......!
Comments Post a Comment