我想使用 jquery mobile 向左或向右滑动。当我单击向左滑动时,它会打开抽屉,向右滑动时会关闭抽屉。目前我按下上按钮,菜单功能用于打开菜单,我想通过使用 jquery 中的滑动功能来打开菜单。请帮忙
HTML 分区:
<div class="DinM-navbar-header ">
<img src="" data-target=".DinM-navbar-collapse" data-toggle="collapse" class="DinM-navbar-toggle" alt="menu-icon" />
</div>
<div class="">
<%=HTML %>
</div>
Javascript 函数:
function ShowMenu() {
var mainmenu = $(".DinM-main-menu");
if (($(window).width() <= 991 && mainmenu.parent().attr('id') != "mobile")) {
$("#main-wrapper").animate({
left: "0px"
});
$("#mobile").html(mainmenu.clone());
$(".DinM-main-menu", $(".DinM-top-menu")).remove();
$(".DinM-main-menu").css("z-index", "-1").hide();
$("#main-wrapper").css("min-height", $(".DinM-main-menu").height());
} else if ($(window).width() > 992 && mainmenu.parent().attr('id') == "mobile") {
mainmenu.insertAfter($(".DinM-navbar-header "));
mainmenu.show();
$("#mobile").html('');
}
$(document).ready(function () {
$("body").wrapInner("<div id='main-wrapper' class='content-left' ></div>").append("<div id='mobile' ></div>");
$(".DinM-main-menu").removeClass('DinM-hide');
ShowMenu();
});
最佳答案
非常老的问题,但它可以帮助其他想要简单代码的人在没有任何依赖的情况下在 JavaScript 中获取交换事件。希望对其他人有帮助。
请参阅 swipe.js 处的脚本
在 html 标记中使用简单:
<div id="touchsurface1" class="touchsurface" onSwap="touchsurfaceSwap(event)"></div>
在 Javascript 中使用:
touchsurface = document.getElementById('touchsurface2');
touchsurface.addEventListener("swap", function(event){alert('Swaped ' + event.detail.direction + ' at ' + event.target.id);}, false);
关于javascript - Jquery 在移动设备上向左或向右滑动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33339486/