webapp中的jQuery UI moblie用于普通计算机浏览器

Question

我有一个创建元素列表的想法，当您单击某个列表向左滑动时，通过AJAX加载页面并显示有关单击元素的信息。

的梦想是做什么simular到新的Gmail界面在Android 3.

关注从0:49到0:59这段视频，明白我的意思

video

我试图使用jQuery UI Mobile界面，但我不确定是否有可能将此用于不适用于手机的网站。

我想将接口放置在网站上的div上，并与其他元素放在一起。

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

你知道任何干这种事的人吗？

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，则会将“.inner”“ - （导航像素）的偏移量设置为左侧。虽然内容隐藏溢出，您可以达到此效果。它不是自己测试，但我确定这可以工作...