解決多個庫之間的$衝突

1.背景

在一個引入了jQuery庫的項目中,又引入了含有$變量的其他第三方庫,導致了第三方庫的$不可用

2.解決之道

添加一句jQuery.noConflict()

<div id="app">hello ssypp</div>
//前提引入了jQuery這個庫文件
jQuery.noConflict()
console.log($) //此時的$表示其他第三方中的$
jQuery(function(){
	jQuery("#app").css('color','red')
})
//此時頁面中的hello ssypp已變爲紅色了
//若是想要在後面繼續使用$
(function($){
	$(function(){
	$("#app").css('color','red')})
})(jQuery)
//上面的寫法一樣可以成功
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章