Question

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

我的代码：

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属性。 ..为什么会这样。$ 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/

调试jquery elastislide插件错误

1 个答案: