问题获取菜单滑动

Issue getting menu to swipe

我正在使用 jQuery 的 swipeLeft,它在大多数情况下都有效,除了一件事我无法弄清楚。如果我把 div 放在我试图从页面上滑出的位置,即:将其视为我要滑动显示的移动菜单,该功能将不再有效。

我正在使用 jQuery 在 their site 上使用的确切代码。

我唯一改变的是

  div.box {
    width: 50%;
    height: 3em;
    background: #108040;
    margin-left: 101%;
  }
  div.box.swipeleft {
    background: #7ACEF4;
    margin-left: 50%;
  }

任何人都知道为什么我将它从页面上移开后它不会滑动,或者我如何让它在页面上工作?

See the fiddle,尽管由于某种原因它不起作用。如果有人想看这个直播,请告诉我。

开始你的外部资源顺序错误。你应该从 Jquery libraryJquery Mobile 开始,因为 Jquery Mobile 依赖主要 Jquery 库.


这是正确的顺序:

  1. jquery.mobile-1.4.5.min.css
  2. jquery-1.10.2.min.js
  3. jquery.mobile-1.4.5.min.js

关于你的问题,看这个例子: Fiddle demo

(需要白页的就去掉边框)


注意: 加载程序隐藏使用此行:

$.mobile.loading().hide();