尝试在drupal站点上使用响应式幻灯片，但收到控制台错误

Trying to use ResponsiveSlides on drupal site but getting a console error

本文关键字：幻灯片 错误 控制台 响应 drupal 站点      更新时间：2023-09-26

我正在尝试将响应式幻灯片（http://responsiveslides.com/）实现到我的本地drupal实例，但无论如何我配置JS代码，我得到一个"类型错误：$ 不是函数 $（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>");
    }
  });
});

因此，任何关于为什么会引发此控制台错误的帮助将不胜感激。

正确的用法是这样的： 

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

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

米.

相关文章：