2
<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] has no method 'flickable' 的错误 ,如何解决?谢谢

4

2 回答 2

6

使用 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>
于 2013-01-08T08:27:00.357 回答
1

你可以这样做。

jQuery.noConflict();
delete window.$;

然后加载zepto脚本。

于 2014-09-24T05:02:02.900 回答