是否有可能同时使用JQuery和Zepto库？(Is it possible to use JQuery and Zepto library at the same time?)

是否有可能同时使用JQuery和Zepto库？(Is it possible to use JQuery and Zepto library at the same time?) <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库，所以当我添加它时，它会返回Uncaught TypeError的错误：Object [object Object]没有方法'flickable' ，如何解决它？ 谢谢

<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>

Currently I am using several jquery plugins to implement a webapp. I recently find a library call flickable.js and add to the app . However, it use zepto library, so when I add it , it return error of Uncaught TypeError: Object [object Object] has no method 'flickable' , How to fix it? thanks

最满意答案

使用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>

use jQuery's function noConflict.

jQuery.noConflict();

more details here.. 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>