使用 Phonegap、Zepto 和 Backbone 进行页面转换答案

【问题标题】：Page transitions using Phonegap, Zepto and Backbone使用 Phonegap、Zepto 和 Backbone 进行页面转换
【发布时间】：2013-04-10 09:24:21
【问题描述】：

我正在使用 Zepto、Backbone 和 Phonegap 开发一个移动应用程序。我一直在努力实现页面转换。我试过这个库 (https://github.com/dgileadi/zepto-page-transitions/tree/master/example)。我无法让它工作，因为它侦听 hashchange 事件来触发转换，但是 Backbone 路由器也侦听相同的事件，从而产生冲突。有没有办法解决这个问题？是否有其他库可以使用 Zepto 和 Backbone 进行转换？？？

编辑：

<div id="one" data-role="page">
        <a transition="slide" href="#two">Spin to local page two</a>
    </div>
    <div id="two" data-role="page" data-title="Page Two">
    </div>

当我点击链接“Spin to local page two”时，Backbone 路由器会在我的应用程序上查找“two”路由。相反，我用于转换的库应该转换为“两个”div：

$(window).on('hashchange', function(e) {
                var target = (action && action.element) || $(document.body);
                if (!ignoreHash[window.location.hash]) {
                    var to = window.location.hash;
 ... 
 }

【问题讨论】：

您能否更具体地说明冲突的原因或结果？两个插件都监听 hashchange 事件并不一定意味着有问题。
看看jsbin.com/amajat/10。不久前我为其他人创建了它。看看你是否可以利用它。我在 CSS 中只使用了 webkit 供应商前缀。
你能解决这个问题吗？

标签： jquery cordova backbone.js transitions zepto

【解决方案1】：

试试这个...我一直在寻找从 jQuery Mobile 切换到另一个框架的时间。试图找到我需要更换它的一切。在 GitHub 上找到了这个页面转换，但还没有尝试过：

Zepto Page Transitions

如果你让它工作，请告诉我！

ps...您还可以预取页面吗？我找到了this，但它的记录非常糟糕。如果有其他选择，我很乐意听到。

【讨论】：