在同一页面上使用 jQueryUI 和引导程序的问题答案

【问题标题】：Concerns of using jQueryUI and bootstrap on same page在同一页面上使用 jQueryUI 和引导程序的问题
【发布时间】：2015-04-08 16:08:17
【问题描述】：

我需要一些 bootstrap http://getbootstrap.com/ 提供的功能，以及 jQueryUI https://jqueryui.com/ 提供的其他功能。

我需要特别注意任何潜在的冲突吗？

我可以采取任何一般性措施来缓解它们吗？

编辑。如果您认为它们不应该在同一页面上使用并且必须选择其中一个，请发表评论。

编辑 2.Can I use Twitter Bootstrap and jQuery UI at the same time? 似乎“也许”暗示它可能是。 Using bootstrap and jqueryui on same page conflicts? 中的评论表示不要。

【问题讨论】：

标签： twitter-bootstrap jquery-ui twitter-bootstrap-3

【解决方案1】：

Bootstrap 和 jQuery Ui 之间有很多重叠之处。您可以同时使用它们，但在您的编程中需要小心。这是我们在我的雇主处使用的东西，所以我知道这是可以做到的。

您还需要记住，Bootstrap 和 jQuery Ui 在使用上有着根本的不同。 Bootstrap 在声明式模型下运行，您可以在其中使用属性“装饰”您的 html，Bootstrap JavaScript 会自动将它们连接起来。在 jQuery Ui 中，您必须手动编写 JavaScript 代码以将 jQuery Ui 函数附加到控件。

减少重叠的一种方法是使用http://jqueryui.com/download/ 的自定义下载构建器。这样，您将拥有一个 jQuery Ui 库版本，其中只有您绝对想要的功能。

【讨论】：

目前，我在 bootstrap 方面的经验为零，在 jQueryUI 方面经验丰富。除了完整的 jQueryUI 包，我之前没有使用过任何东西。似乎我需要对引导程序进行更多试验，如果我喜欢将它用于除我特别希望使用 UI 的任务之外的所有任务。
作为建议，首先使用 jQuery Ui 没有的 Bootstrap 函数。响应式网格很棒。之后，添加 jQuery Ui 没有的功能。还结帐bootstraptoggle.com，设置复选框样式的好方法

【解决方案2】：

您是否考虑过利用已经存在的存储库？快速搜索即可找到JQuery UI Bootstrap

它也可以在 Github 上找到，所以你可以 fork 并根据自己的喜好进行修改。

【讨论】：

感谢 Chase，是的，我看到了 jQueryUI Bootstap，但还没有尝试过。你？谢谢
我没有，因为我不使用没有 Angular 的 jQuery。所以我使用Angular UI Bootstrap。
我正计划学习 Angular，但还没有这样做。我注意到引用的库（以及我发现的其他库）不支持当前的引导程序。我希望 Angular 能得到更多支持。
Angular 很好，但现在有更好的孩子。我发现使用它太慢了，查看Mithril，它的速度很快。 - 注意：我与项目无关，只是找到并喜欢它。