javascript - 在单页上应用 Touch Swipe,用于动态加载数据的页面?

标签 javascript android iphone cordova jquery-mobile

我使用过一次又一次加载数据的单页。

正在使用同一页面加载数据;即标题、照片和描述。你能帮我在里面应用滑动功能吗? 我正在构建一个像 Pulse News 这样的应用程序,在滑动功能上检查它。 我用 phonegap、HTML5、CSS3 和 JavaScript 以及 jQuery Mobile 构建了它。

我知道如何滑动页面,其中不止一页但只有一页动态加载数据并且仅更改内容,所以我应该如何向它添加滑动以使其工作iPhone 和安卓?

最佳答案

您的应用中有多少页面并不重要。您需要检测 Activity 中的 SWIPE 操作并重新加载数据,而不是真正的滑动页面。要做到这一点: 在您的触摸事件监听器中,检测:

ACTION_MOVE

像这样:

if(event.getAction() != MotionEvent.ACTION_MOVE)

甚至检查距离以确保发生滑动:

switch(event.getAction())
 {
     case MotionEvent.ACTION_DOWN:
              if(isDown == false)
              {
                     startX = event.getX();
                     startY = event.getY();
                     isDown = true;
              }
              Break;
              case MotionEvent.ACTION_UP
              {
                     endX = event.getX();
                     endY = event.getY();
                     break;
          }
}

然后计算距离,如果听起来不仅仅是咔嗒声...考虑它是滑动并重新加载您的数据 祝你好运

关于javascript - 在单页上应用 Touch Swipe,用于动态加载数据的页面?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12436804/

相关文章:

android - 如何在 phonegap 插件中获取上下文

ios - Xcode Storyboard更改未在设备或模拟器上显示

iphone - 根据设备类型定义常量

javascript - ECMAScript 6 或 7 是否支持静态类型?

javascript - 删除 Iframe 中的 POP

javascript - 包含来自另一个文件的数组(nodejs)

java - 如何更改首选项 Activity 的背景?

javascript - 作为类的函数中的 return 语句

Android - 应用程序不应在屏幕锁定时关闭

iphone - 混合不同大小的声音文件