我正在尝试在我正在玩的开发页面中创建一个幻灯片,我在运行我的jQuery脚本时遇到问题(该站点正在使用Drupal 7和jQuery 1.9.1)。
PS。关于类和id的说明: 1).toggle-nav是锚标记的类,它将在点击时激活菜单的滑入动画 2)#site-wrapper包含页面的画布内元素。
$(document).ready(function() {
$('.toggle-nav').click(function() {
if ($('#site-wrapper').hasClass('show-nav')) {
$('#site-wrapper').removeClass('show-nav');
}
else {
$('#site-wrapper').addClass('show-nav');
}
});
});
该脚本是在本文的帮助下创建的:http://scotch.io/tutorials/off-canvas-menus-with-css3-transitions-and-transforms#browser-support-help
感谢您的时间和帮助!
答案 0 :(得分:0)
首先,在Drupal中使用正确的JS编写方式:
(function($) {
Drupal.behaviors.toggleNav = {
attach: function(context, settings) {
$('.toggle-nav').click(function() {
if ($('#site-wrapper').hasClass('show-nav')) {
$('#site-wrapper').removeClass('show-nav');
}
else {
$('#site-wrapper').addClass('show-nav');
}
});
}
};
}(jQuery));
如果这样做没有帮助,问题肯定是在这个脚本之外的某个地方。