Javascript 使用jquery滑动菜单

我想用jquery mobile在右边和左边各有一个菜单。 借助于此，我尝试在左侧制作一个菜单，在右侧制作另一个菜单

我得出了这个结果

$document.readyfunction{ //只有小屏幕 如果$window.width

---

滑动到或首先通过滑动而不是菜单来分离逻辑

第二，在打开新菜单之前，您需要关闭现有菜单（如果已打开）。这是您所需的状态

我在下面创建了几个jQuery插件，以简化逻辑并提高可读性

更新：我通过存储一个属性来确定菜单在屏幕的哪一侧，从而简化并验证了逻辑

作用{ $.swipeMenu=功能选择器，选项{ 设$self=$selector； $self.attr'data-direction'，options.direction；//属性 $self.menuDirection=options.direction；//内存中的jQuery属性 返回$self； }; $.fn.openMenu=函数{ this.animate{[this.menuDirection]：0}； }; $.fn.closeMenu=函数{ this.animate{[this.menuDirection]：'-100%}； }; $.fn.ismenuOpen=函数{ 返回parseIntthis.cssthis.menuDirection，10==0； }; }jQuery； $document.readyfunction{ const$leftMenu=$.swipmenu'menu-1'，{direction:'left'}； const$rightMenu=$.swipmenu'menu-2'，{direction:'right'}； 如果$window.width

---

滑动到或首先通过滑动而不是菜单来分离逻辑

第二，在打开新菜单之前，您需要关闭现有菜单（如果已打开）。这是您所需的状态

我在下面创建了几个jQuery插件，以简化逻辑并提高可读性

更新：我通过存储一个属性来确定菜单在屏幕的哪一侧，从而简化并验证了逻辑

作用{ $.swipeMenu=功能选择器，选项{ 设$self=$selector； $self.attr'data-direction'，options.direction；//属性 $self.menuDirection=options.direction；//内存中的jQuery属性 返回$self； }; $.fn.openMenu=函数{ this.animate{[this.menuDirection]：0}； }; $.fn.closeMenu=函数{ this.animate{[this.menuDirection]：'-100%}； }; $.fn.ismenuOpen=函数{ 返回parseIntthis.cssthis.menuDirection，10==0； }; }jQuery； $document.readyfunction{ const$leftMenu=$.swipmenu'menu-1'，{direction:'left'}； const$rightMenu=$.swipmenu'menu-2'，{direction:'right'}； 如果$window.width

---

刷到或我在不刷菜单的情况下浏览菜单时遇到问题。当我按f5时，问题消失@Valy在我的上一个示例中，我将列表包装为div，并将id从列表移动到包装div。请重新评估上面的完整示例。我在不刷菜单的情况下浏览菜单时遇到问题。当我按f5时，问题是gone@Valy在我的上一个示例中，我将列表包装在div中，并将id从列表移动到包装div。请重新评估上面的完整示例。请参阅JQM文档：请参阅JQM文档：