javascript - JQuery Conflict and not sure how to fix -
i know little javascript or what's causing conflict. have jquery calendar not showing i've added lazy loading jquery. not sure start noconflict script.
i have home page using 2 jquery files , getting conflict. first call this:
//cdnjs.cloudflare.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js
and second jquery lazy loading of bootstrap carousel found online:
/js/jquery-1.7.2.min.js
jquery has noconflict
method cases. can reed more @ http://api.jquery.com/jquery.noconflict/
example usage of 2 version of jquery in same html file:
<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>jquery.noconflict demo</title> <script src="//code.jquery.com/jquery-1.10.2.js"></script> </head> <body> <div id="log"> <h3>before $.noconflict(true)</h3> </div> <script src="//code.jquery.com/jquery-1.6.2.js"></script> <script> var $log = $( "#log" ); $log.append( "2nd loaded jquery version ($): " + $.fn.jquery + "<br>" ); // restore globally scoped jquery variables first version loaded // (the newer version) jq162 = jquery.noconflict( true ); $log.append( "<h3>after $.noconflict(true)</h3>" ); $log.append( "1st loaded jquery version ($): " + $.fn.jquery + "<br>" ); $log.append( "2nd loaded jquery version (jq162): " + jq162.fn.jquery + "<br>" ); </script> </body> </html>
Comments
Post a Comment