带有 Twitter Bootstrap 的移动 JavaScript 框架答案

【问题标题】：Mobile javascript framework with Twitter Bootstrap带有 Twitter Bootstrap 的移动 JavaScript 框架
【发布时间】：2013-03-18 04:56:46
【问题描述】：

在我的一个网站中，我使用 Twitter Bootstrap 2.3。我喜欢它的响应式行为，移动设备中的媒体查询。但它缺乏移动功能（尤其是linked listviews）所以我需要使用一个框架来处理我的网站的移动版本。

经过一些研究，我发现 jquery mobile、sensa touch、jqtouch、iui、mobilize.js、zepto 是可能的候选者。

您对移动页面的 javascript 框架/插件有什么建议，可以很好地与 twitter bootstrap 配合使用？

【问题讨论】：

【解决方案1】：

我认为我应该可以使用 Twitter 的 Bootstrap (3) 构建移动界面。是的，你是对的（链接的）列表视图会错过。也许先检查http://getbootstrap.com/components/#list-group。当然，您需要编写一些代码来处理这些操作。

需要考虑的其他要点：导航和页面结构。像 jQuery mobile 这样的框架在一个 url 上提供更多页面，请参阅：http://jquerymobile.com/demos/1.0a2/#docs/pages/docs-navmodel.html 而 sencha 使用 MVC 方法。考虑使用http://getbootstrap.com/javascript/#tabs（或http://getbootstrap.com/javascript/#scrollspy）来模拟这种结构。

祝你好运

【讨论】：

【解决方案2】：

我会推荐 iUI，因为我正在研究它（嗯嗯），因为它或多或少是一块空的画布，你可以“绘制”任何你想要的东西。 JQuery Mobile 或 Sencha 很不错，但它们带有几十个按钮和 UI 元素，您可能不需要网站。如果您想在所有内容都预定义的情况下为您的移动网站提供自定义外观，甚至会变得一团糟。

afaik，Zepto 只是一个轻量级的 JQuery，所以它不能解决你的链接列表视图问题...

请尝试一下我的 iUI v2 项目 Emy，您可以在这里尝试： http://www.emy-library.org/demos/ 还有一些错误需要修复，但我离最初的版本已经很近了。与 iUI 相比的最大区别在于 HTML5 语法、自定义动画、完整文档和 WindowsPhone 支持。 http://www.emy-library.org/documentation/1.0/getting-started.html

干杯！

【讨论】：

【解决方案3】：

如果您准备好将 Bootstrap 和其他几个框架一起搞砸，那么请确保您对 jQuery、JavaScript、CSS 有充分的了解。

每个框架都有自己的样式执行方式等，所以如果你要将多个平台组合在一起，你会经常遇到预期框架的预期样式没有被应用等问题。

我建议你坚持使用 jQuery Mobile。 jQuery Mobile 1.3 有很多响应式设计概念。在发行说明本身中，他们提到他们正在努力支持响应式设计。阅读官方documentation provided by jQuery Mobile。这将为您提供一个良好的开端。

免责声明：我只使用过 Twitter Bootstrap 和 jQuery Mobile。但我听说其他移动框架不如 jQuery Mobile 灵活。还要记住 Sencha touch 与 jQuery Mobile 相比非常快，但对于初学者来说有点难上手。

【讨论】：