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

【问题标题】：jQuery slide in menu not working on drupal菜单中的jQuery幻灯片在drupal上不起作用
【发布时间】：2014-09-15 21:31:49
【问题描述】：

我正在尝试在我正在玩弄的开发页面中创建一个菜单幻灯片，但我在运行我的 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

感谢您的宝贵时间和帮助！

【问题讨论】：

你在使用 Jquery 更新模块吗？尝试使用 Jquery 1.5。如果这不起作用，请尝试使用下一个版本。即 1.6、1.7 等
您好！是的，我正在使用 jQuery 更新模块。刚刚尝试了从 jQuery 1.5 到 1.10 的解决方案。不幸的是，它似乎不起作用。

标签： jquery css drupal

【解决方案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));

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

【讨论】：

嗨康奈尔，我不得不说我非常感谢你的帮助..它终于奏效了！非常感谢您的宝贵时间！