2013-01-08 43 views
1
<script src="jsv3/jquery-1.7.1.min.js"></script> 
<script src="jsv3/jquery-ui-1.9.2.custom.min.js"></script> 
<script src="jsv3/jquery.mobile-events.js"></script> 
<script src="jsv3/jquery.ui.touch-punch.js"></script> 
<script src="jsv3/turn.js"></script> 
<script src="jsv3/jquery.viewport.min.js"></script> 
<script src="jsv3/jquery.scraggable.js"></script> 
<script src="jsv3/history.js"></script> 
<script src='http://vod.hkheadline.com/player/jwplayer/jwplayer.js'></script> 
<script src="jsv3/libs/zepto.js"></script> // Can not use 
<script src="jsv3/zepto.flickable.js"></script> 
<script src="jsv3/onload_mobile.js"></script> 

目前我正在使用幾個jQuery插件來實現一個webapp。我最近發現一個庫調用flickable.js並添加到應用程序中。但是,它使用zepto庫,所以當我添加它,它返回錯誤未捕獲TypeError:對象[對象對象]沒有方法'可滑動',如何解決它?謝謝是否有可能同時使用JQuery和Zepto庫?

回答

5

使用jQuery的函數noConflict。

jQuery.noConflict(); 

更多的細節在這裏.. http://docs.jquery.com/Using_jQuery_with_Other_Libraries

<script src="jsv3/jquery-1.7.1.min.js"></script> 
<script src="jsv3/jquery-ui-1.9.2.custom.min.js"></script> 
<script src="jsv3/jquery.mobile-events.js"></script> 
<script src="jsv3/jquery.ui.touch-punch.js"></script> 
<script src="jsv3/turn.js"></script> 
<script src="jsv3/jquery.viewport.min.js"></script> 
<script src="jsv3/jquery.scraggable.js"></script> 
<script src="jsv3/history.js"></script> 
<script src='http://vod.hkheadline.com/player/jwplayer/jwplayer.js'></script> 

<script type="text/javascript"> 
    $.noConflict(false); 
</script> 

<script src="jsv3/libs/zepto.js"></script> 
<script src="jsv3/zepto.flickable.js"></script> 
<script src="jsv3/onload_mobile.js"></script> 
+0

我應該在哪裏添加它?謝謝 – user782104

+0

我編輯了答案,再次檢查。 – alaasdk

+0

對不起,它會影響其他功能\t未捕獲TypeError:對象[object window]的屬性'$'不是函數 – user782104

1

你可以做到這一點。

jQuery.noConflict(); 
delete window.$; 

然後加載zepto腳本。

相關問題