5

我有一个使用 jQuery UI 和我们自己的 CSS 框架构建的 Web 应用程序。我想更改应用程序以使用响应式框架,以便可以更好地在移动设备上运行。首先想到的是 Twitter Bootstrap。我想知道其他人的经验是如何考虑与 jQuery UI 和 Bootstrap 的冲突。是不是最好

  1. 摆脱 jQuery UI 并将所有内容转换为引导控件(大部分工作)。
  2. 保留 jQuery UI,只使用 Twitter Bootstrap 脚手架(可能是最好的选择)
  3. 使用完全不同的脚手架框架
  4. 别的东西
4

3 回答 3

4

这是一个开放的问题,不可能正确回答。为什么?因为这种切换背后的原因取决于许多不同的因素,从技术细节(例如在整个应用程序中使用的 jQuery UI 小部件)到作为开发人员对新框架的舒适程度。因此,作为回应,您可以问自己几个问题,以帮助您下​​定决心。

  • 我是否在整个应用程序中使用 jQuery UI 小部件?

如果是,那么考虑实施解决方案来填补 JQUI CSS 框架中的空白。最值得注意的是响应式网格脚手架。将 JQUI 小部件换成其他供应商可能非常耗时。

Gridpak 响应式网格生成器

自定义 twitter bootstrap 以填补 JQUI 的空白

  • 切换到另一个 CSS 框架真的会帮助我吗?

不幸的是,由于 JQUI CSS 框架中已知的差距,这个(对我来说)答案无论如何都是肯定的。我现在主要使用 Twitter Bootstrap 或 Foundation,但是我仍然使用 JQUI,我只是精确地了解了我在自定义 JQUI 构建时需要的 JS 和 CSS。

基础 CSS 框架

  • 切换和随后的重构将花费我多少时间?

这个问题的答案很关键。如果你在短期内失去了转换,那么坚持你所拥有的可能会更好,但是如果长期收益大大高于短期损失,它可能会打破平衡,有利于转换。

如果您要切换,而您还没有这样做,那么在等式中引入诸如 SASS 或 LESS 之类的解析工具可能是值得的。(SASS是我的首选路线)

Twitter Bootstrap SASS'ified

还可以查看指南针

  • 当我完成时,我是否真的达到了我最初的预期?

这完全取决于尽职调查和事实调查。在做出决定之前了解您的新框架能够做什么。从本质上讲,这就是这个问题的归结。

于 2013-06-30T11:05:51.343 回答
4

一般来说,许多 Bootstrap / jQueryUI 冲突可以通过确保bootstrap.js以下内容来避免jqueryui.js,并具体了解哪些组件容易发生冲突(即选项卡、按钮等)

如果您仅将 Bootstrap 用于响应式网格,那么您根本不需要包含bootstrap.js- 只需使用 CSS。

您可能也有兴趣查看 Addy Osmani 的项目:

https://github.com/addyosmani/jquery-ui-bootstrap

于 2013-06-30T11:12:31.440 回答
2

你应该试试Foundation框架。

于 2013-06-30T10:57:33.337 回答