Javascript 尝试在drupal站点上使用ResponsiveSlides，但出现控制台错误

我试图将ResponsiveSlides（）实现到本地drupal实例，但不管怎样，我配置了JS代码，我得到一个“TypeError:$不是函数$（函数（）{”我试图将JS代码放在html.tpl.php中或作为一个单独的文件，但它一直抛出一个错误，代码如下：

// JavaScript Document

$(function () {

  // Slideshow 1
  $("#slider1").responsiveSlides({
    maxwidth: 800,
    speed: 800
  });

  // Slideshow 2
  $("#slider2").responsiveSlides({
    auto: false,
    pager: true,
    speed: 300,
    maxwidth: 540
  });

  // Slideshow 3
  $("#slider3").responsiveSlides({
    manualControls: '#slider3-pager',
    maxwidth: 540
  });

  // Slideshow 4
  $(".slider4").responsiveSlides({
    auto: false,
    pager: false,
    nav: true,
    speed: 500,
    namespace: "callbacks",
    before: function () {
      $('.events').append("<li>before event fired.</li>");
    },
    after: function () {
      $('.events').append("<li>after event fired.</li>");
    }
  });

});

//JavaScript文档
$（函数（）{
//幻灯片1
$（“#幻灯片1”）。响应幻灯片({
最大宽度：800，
速度：800
});
//幻灯片2
$（“#幻灯片2”）。响应幻灯片({
汽车：错，
寻呼机：是的，
速度:300,，
最大宽度：540
});
//幻灯片3
$（“#幻灯片3”）。响应幻灯片({
手动控制：“#滑块3传呼机”，
最大宽度：540
});
//幻灯片4
$（“.slider4”）。响应幻灯片({
汽车：错，
传呼机：错，
导航：是的，
速度:500,，
名称空间：“回调”，
前：函数（）{
$（'.events'）。追加（
在事件激发之前。
）；
},
之后：函数（）{
$（'.events'）。在激发事件后追加（
。
）；
}
});
});

---

因此，如果您能提供有关为什么抛出此控制台错误的任何帮助，我们将不胜感激。

正确的用法是：

(function ($) { 
    // code goes here 
})(jQuery)

请阅读以下内容：

---

M.

所以错误消失了，但现在我在速度参数上得到了一个：TypeError:$（…）。responsiveSlides不是函数speed:800实际上，即使我注释掉maxwidth和speed，它仍然在#slider1函数上抛出一个错误，并继续向下，这是为什么？