作为一个网站开发人员来说,架构在网站中尤为重要,但在做一些网站中经常会遇到一些js冲突,css冲突等问题。
我个人的在做网站架构时通常习惯是用js框架如angluarjs作页面,js库如jquery做通信。这样可以避免少使用js库。
接下来我给大家说一下在引入多个js库时解决jquery冲突
第一种:
var $j = jQuery.noConflict();
$j(document).ready(function(){
$j("#btn1").click(function(){
alert("Text: " + $j("#test").text());
});
第二种:
ready函数是jquery的入口函数,可以
将$(document).ready(function(){
替换成
jQuery( document ).ready(function( $){}
第三种:
jQuery(function($){
//你的js代码放在这里(例如第二个方案提到的ready函数和子函数)
//如果是js文件,其实就是在文件头部和尾部各加一行代码
}
或
(function($) {
//你的js代码
})(jQuery);