使用 jQuery UI 时采用响应式 HTML 的最佳方法

Question

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

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

Answer 1

这是一个悬而未决的问题，不可能正确回答。为什么？因为这种切换背后的原因取决于许多不同的因素，从技术细节（例如整个应用程序中使用的 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'化

另请查看指南针

• 当我完成后，我真的能达到我最初的目的吗？

这纯粹取决于尽职调查和事实调查。在做出决定之前了解新框架的功能。这本质上就是这个问题的归结。