将刷卡功能添加到现有的侧面菜单中以获取嗅觉响应页面

时间:2015-06-12 09:10:05

标签: javascript jquery html

这不是另一个问题的副本。这是我自己的侧边菜单自定义代码 我写了一个自定义的侧面菜单,点击一个元素时会显示。这是代码:
int* pointer = new int();

jQuery Code:

$(document).ready(function () { //stick in the fixed 100% height behind the navbar but don't wrap it $('#slide-nav.navbar .container').append($('<div id="navbar-height-col"></div>')); // Enter your ids or classes var toggler = '.navbar-toggle'; var pagewrapper = '#page-content'; var navigationwrapper = '.navbar-header'; var menuwidth = '100%'; // the menu inside the slide menu itself var slidewidth = '80%'; var menuneg = '-100%'; var slideneg = '-80%'; $("#slide-nav").on("click", toggler, function (e) { var selected = $(this).hasClass('slide-active'); $('#slidemenu').stop().animate({ left: selected ? menuneg : '0px' }); $('#navbar-height-col').stop().animate({ left: selected ? slideneg : '0px' }); $(pagewrapper).stop().animate({ left: selected ? '0px' : slidewidth }); $(navigationwrapper).stop().animate({ left: selected ? '0px' : slidewidth }); $(this).toggleClass('slide-active', !selected); $('#slidemenu').toggleClass('slide-active'); $('#page-content, .navbar, body, .navbar-header').toggleClass('slide-active'); }); var selected = '#slidemenu, #page-content, body, .navbar, .navbar-header'; $(window).on("resize", function () { if ($(window).width() > 767 && $('.navbar-toggle').is(':hidden')) { $(selected).removeClass('slide-active'); } }); });

HTML code:

单击元素时,此代码非常完美。我想在上面的代码中添加滑动(拖动)功能。我可以使用哪种方法?实现它的最顺畅的方法是什么?

1 个答案:

答案 0 :(得分:0)

尝试使用名为TouchSwipe的