面漆/ Phonegap导航

时间:2013-12-05 13:50:13

标签: javascript jquery ajax cordova topcoat

我正在从使用JQM和Phonegap切换到使用Topcaot和一些较小的库来处理转换等。我没有找到一个微型库的一件事是导航。

虽然我见过的许多网站都说通过javascript动态创建UI和内容,但对于我需要创建的页面数量来说,这似乎是一项艰巨的任务。与JQM类似,我希望能够将我的不同页面分离为ajax将它们加载到DOM中的不同html文件,但是以优化的方式快速且不会引起JQM的重量。

对任何人来说知识存在这样的库,或者这是一个我必须写的库?它似乎不是一个过于复杂的任务,特别是如果我会使用jquery。感谢任何帮助的想法。

4 个答案:

答案 0 :(得分:1)

尝试angularjs。这里有一个面漆的例子:http://coenraets.org/blog/2013/11/sample-mobile-application-with-angularjs/ Angularjs与JQM非常不同,但您应该尝试一下。

否则,如果您不喜欢angularjs,可以在此页面找到更传统的方法:http://coenraets.org/blog/2013/03/hardware-accelerated-page-transitions-for-mobile-web-apps-phonegap-apps/

希望这有帮助

答案 1 :(得分:1)

在这里 - 基于coenraets css过渡解决方案的新插件:https://github.com/linslin/pagingSlider

特点:

  • 使用pagingSlider进行分页
  • 默认pageSlider操作
  • Pagebrowser
  • Totaly可插件,如pageSlider
  • 如果需要,页面菜单可以直接切换到页面
  • 触摸事件

答案 2 :(得分:1)

考虑一下Topcoat TouchGithub Project),它基本上是转换和事件的微型库(5k缩小和gzip) - 完全披露,我是Topcoat Touch的作者。

这是一个非常简单的框架,它使用Topcoat创建UI,灵感来自jQT,并且在较小程度上jQuery Mobile。它可以是包含在同一文档中的多个页面的单个html文档,也可以是使用控制器和模板的集合。它使用一组可选库来为移动框架提供大部分功能,并且generator Yeoman可以快速获得脚手架。

答案 3 :(得分:-1)

我没有使用它,但Kendo UI Mobile与JQM类似,可能符合您的需求:http://www.kendoui.com/mobile.aspx