Android 通过div元素的Jquery移动刷卡事件

我正在使用

phonegap

和

jquery-mobile

开发一个应用程序，它的布局只是一个表中的两行数据和大约50列。我希望每个水平滑动显示下一个相应列，每个垂直滑动显示与每个第一行列连接的相应第二行

例如：

divA1  divB1  divC1  divD1  divE1  divF1  divG1  divH1  divI1  divJ1
divA2  divB2  divC2  divD2  divE2  divF2  divG2  divH2  divI2  divJ2

每一次水平滑动显示下一个div，垂直滑动显示其下方的2div

我知道如何在不同页面之间滑动作为一种导航形式（使用

data role=“page”

），但是

我希望通过一个div列表来实现类似的功能，但我还没有找到任何解释如何实现这一点的方法

---

感谢您提供的任何帮助或可用的插件解决方案来实现这一点

您应该探索的概念称为精灵表。您应该将所有

div

放在图层/页面上的单个容器

div

。然后使用动态控制的

.style

更改，根据滑动方向相对于视口

.offset

重新定位

div

容器。因此，例如，如果单个

div

都是

width:100px

，则左扫事件应产生：

var el=document.getElementById("divContainer");
el.style.cssText ='left:'+ (el.offsetLeft-100) + 'px';

右击将增加定位：

（el.offsetLeft+100）

向上/向下将遵循相同的逻辑：

el.style.cssText ='top:'+ (offset top +/- positioning) + 'px';

---

页面只是div。如果这些是固定数据，为什么不为每个div创建一个页面呢？每个div中的内容会不断变化，并且有多达400个左右不同的div。我认为创建除div中的内容外完全相同的单独页面是没有意义的。当然，您可以而且应该动态创建页面。实际上，它甚至可以处理单个页面，并动态更改其内容。我现在不确定这是否适用于过渡，但肯定有办法。可能比动态创建实际的页面div麻烦更少。