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
  });

});

未捕获TypeError：对象[object Object]没有方法 'responsiveSlides'

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

Answer 1

请尝试以下

(function ($) {

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

})(jQuery);

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

1 个答案: