jQTouch和Backbone.js路由/视图

我想知道是否有人使用最新的jQTouch与Backbone.js，如果是的话，他们如何处理使用Backbone的路由器和视图之间的转换，而不是jQTouch自动尝试显示div与与散列相关的特定ID。jQTouch和Backbone.js路由/视图

来源

2012-01-23 Tom Bell

你有没有使用煎茶触摸，这似乎是你正朝着在这一点上建设什么考虑。 – Prospero

什么是你想实现与jQTouch？ AFAIK，它是一个轻量级的移动框架，允许您通过显示和隐藏div来构建单页移动Web应用程序。这三个主要的事情它给你：

尼斯移动UI元素的网页（幻灯片，流行，褪色等）之间
CSS3过渡。
的导航框架，基于触摸的UI元素在页面之间自动转换（例如，触摸与HREF #about锚将从目前的页面ID about自动转换页面（DIV））

我假设你想保持1）和2）使你的生活，作为一个开发更容易，并为骨干，以处理3） - 这对我来说很有意义的视图之间骨干MVC结构和事件传播是好的。如果是这样，真的1）和2）只是CSS技巧。所以请保持jqtouch.css和沟jqtouch.js。这样，您就可以获得所有不错的样式，并且可以在您的BackBone视图中以编程方式执行转换，而无需在处理导航时使用jqTouch。

如果你这样做，记得来包装你整个应用程序在<div id="jqt"></div>所以样式表查找和样式所有的列表元素和按钮。当你想使用的过渡，使用jQuery /的Zepto正确的CSS添加到每个页面：

$("#toPage").addClass('slideleft in current'); 
$("#fromPage").addClass('slideleft out');

这将引发jqtouch.css指定的CSS3过渡。可用的转换列表可在jqtouch.js的第61行起。只需在上面的代码中更改slideleft以获得不同的动画名称即可实现不同的转换。

免责声明！我还没有真正试过，只是一种理论，可能不工作...虽然我想实现的正是这种，用一个漂亮的移动用户界面主题，骨干，这是我能找到的最接近。当我有机会的时候，我会在接下来的几天尝试编码。如果你先到那里并尝试它，请让我知道你如何继续下去！

来源

2012-01-26 17:17:29 fiznool

我还没有时间尝试你的想法，但它非常有趣。 –

jQTouch和Backbone.js路由/视图

回答

相关问题