菜单中的jQuery幻灯片不适用于drupal

时间:2014-09-15 21:31:50

标签: jquery css drupal

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

感谢您的时间和帮助!

1 个答案:

答案 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));

如果这样做没有帮助,问题肯定是在这个脚本之外的某个地方。