菜单中的jQuery幻灯片在drupal上不起作用

Question

我正试图在我正在玩的开发页面中创建一个幻灯片菜单，但我在运行jQuery脚本时遇到了问题（该网站使用Drupal 7和jQuery 1.9.1）。

PS。关于类和id的说明：1） .toggle nav是锚点标记的类，它将在单击时激活菜单动画中的幻灯片2） #站点包装器包含页面的画布内元素。

$(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-支持帮助

感谢您的时间和帮助！

Answer 1

首先，在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));

如果这没有帮助，那么问题肯定在这个脚本之外。