jquery - 调试 jquery elastislide 插件错误

Question

我正在使用位于http://tympanus.net/codrops/2011/09/12/elastislide-responsive-carousel/的 elastislide 插件。现在它工作正常，除非我尝试手动设置当前图像。

我的代码：

var wdornot_carousel = $("#wdornot_carousel").elastislide({
...
...
});
wdornot_carousel.setCurrent(5);

有了这个我得到错误：TypeError: this.$carousel is undefined on line 655

所以在 js 中，在线651，就在那个错误之前一点，我做到了console.log(this);，这给了我一个对象，它有一个引用 jquery 对象的 $carousel 属性......那么为什么 this.$carousel 被视为未定义?

Answer 1

您是否有任何其他 javascript 框架，例如 Prototype 包括在内。Prototype 也使用 $ 并且可能会导致这样的冲突。

您可以使用 noConflict 函数安全地使用这两个库

<script src="other_lib.js"></script>
<script src="jquery.js"></script>
<script>
$.noConflict();
jQuery( document ).ready(function( $ ) {
// Code that uses jQuery's $ can follow here.
});
// Code that uses other library's $ can follow here.
</script>

在此处查看文档http://api.jquery.com/jQuery.noConflict/