我正在尝试将响应式幻灯片(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
米.