When developing with jQuery, other JS libraries or plug-ins, such as Prototype, may be used. However, conflicts may occur when multiple libraries coexist, leading to various accidents. Next we will share with you several solutions to conflicts between jquery libraries and other libraries.
1. The jQuery library is imported before other libraries, and the jQuery (callback) method is used directly as follows:
<Html xmlns = "http://www.phpernote.com/php-function/849.html">2. The jQuery library is imported after other libraries. The jQuery. noConflict () method is used to transfer the control of variable $ to other libraries. The following methods are available:
(1) method 1
<Script type = "text/javascript"> var $ j = jQuery. noConflict (); // customize a short shortcut $ j (function () {// use jQuery $ j ("p "). click (function () {alert ($ j (this ). text () ;}) ;}; $ ("p "). style. display = 'none'; // use prototype </script>(2) method 2
<Script type = "text/javascript"> jQuery. noConflict (); // assign control of variable $ to prototype. jsjQuery (function ($) {// use jQuery $ ("p "). click (function () {// continue to use the $ method alert ($ (this ). text () ;}) ;}; $ ("p "). style. display = 'none'; // use prototype </script>(3) method 3
<Script type = "text/javascript"> jQuery. noConflict (); // assign control of variable $ to prototype. js (function ($) {// defines an anonymous function and sets the parameter to $ (function () {// $ inside the anonymous function is jQuery $ ("p "). click (function () {// continue to use the $ method alert ($ (this ). text () ;};}) ;}( jQuery); // executes an anonymous function and passes the real parameter jQuery $ ("p "). style. display = 'none '; // use prototype /*********************************** * *********************************/jQuery (document ). ready (function () {// get the right out of jQuery when loading the page. noConflict () ;}); </script>Articles you may be interested in
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
