javascript - 未捕获的 TypeError：没有方法 'responsiveSlides'

Question

我正在尝试在 Wordpress 主题上实现 responsiveSlides 插件。我已经按以下顺序链接了必要的 css、jquery 和 javascript 文件，并且没有其他 jquery/javascript 插件。

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<link rel="stylesheet" href="<?bloginfo('template_directory'); ?>/responsiveslides.css" />
<script src="<?bloginfo('template_directory'); ?>/responsiveslides.min.js" type="text/javascript"></script>

然后我包含了一个脚本标签，调用该函数来启动幻灯片，但得到了错误

<script>
$(function () {

  $("#slider").responsiveSlides({
    maxwidth: 800,
    speed: 50
  });

});

未捕获的类型错误：对象 [object Object] 没有方法“responsiveSlides”

我将“responsiveSlides”替换为“Hide”来测试 jquery 是否正常工作。看来我已经链接了所有必要的文件（responsiveSlides.min.js...等），如浏览器开发人员工具中所示并以正确的顺序。不完全确定为什么这不起作用。如果您能提供任何指针，我们将不胜感激。

Answer 1

尝试以下

(function ($) {

  $("#slider").responsiveSlides({
    maxwidth: 800,
    speed: 50
  });

})(jQuery);