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

Question

我正在尝试将 ResponsiveSlides ( http://responsiveslides.com/ ) 实现到我的本地 drupal 实例，但无论如何我配置了 JS 代码我得到一个“TypeError: $ is not a function $(function () {”我试图将 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>");
    }
  });

});

因此，任何有关为什么会引发此控制台错误的帮助都将非常感激。

Answer 1

正确的用法是这样的：

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

阅读：http: //jquery-howto.blogspot.it/2008/12/what-heck-is-function-jquery.html

M。