Question

我想要制作一个元素列表，当你单击一个列表向左滑动时，通过AJAX加载页面并显示有关被点击元素的信息。

梦想是在android 3上为新的gmail界面制作类似的东西。

观看此视频从0:49到0:59，看看我的意思

video

我尝试使用jQuery UI Mobile界面，但我不确定是否可以将其用于不适用于手机的网站。

我想将界面放在网站上的div中，周围有其他元素。

有关如何使用jqueryUI mobile的任何想法吗？

你知道任何可以这样做的liberies吗？

Answer 1

是的，这是可能的。但这很棘手，因为您必须检查并处理所有维度。但我不知道是否用jquery ui mobile。

你可以这样做吗

<div class="wrapper ui-helper-clearfix" style="overflow:hidden;max-width:screen-width">
  <div class="inner" style="width:navigation+maillist+mailcontent">
   <div class="navigation" style="float:left">
   </div>
   <div class="maillist" style="float:left">
   </div>
   <div class="mailcontext" style="float:left">
  </div>
</div>

现在，如果您找到屏幕宽度，可以拆分此宽度并设置导航和maillist的宽度。如果有人点击了maillist，你会将“.inner”“ - （导航的像素）”的偏移量设置为左边。当内容隐藏溢出时，您可以达到此效果。它没有经过我自己的测试，但我确定这可以工作......

适用于普通计算机浏览器的web应用程序中的jQuery UI mobile

1 个答案: