Jquery ui 我可以同时使用Twitter引导和jQuery UI吗？_Jquery Ui_Twitter Bootstrap

Jquery ui 我可以同时使用Twitter引导和jQuery UI吗？

jquery-ui twitter-bootstrap

Jquery ui 我可以同时使用Twitter引导和jQuery UI吗？,jquery-ui,twitter-bootstrap,Jquery Ui,Twitter Bootstrap,我正在使用Twitter引导，我想使用引导中不可用的“自动建议”，而jQueryUI有自己的自动建议方法我能两者都用吗？它会使带宽过载吗？请检查。自述文件：推特的引导是我最喜欢的项目之一 2011年，但经常使用它让我想要两样东西：与jQueryUI并行工作的能力导致许多小部件在视觉上破坏）主题的功能使用引导样式的jqueryui小部件。虽然我喜欢jQueryUI，但我（和其他人一样）发现当前的一些主题看起来有点过时。我希望这个主题能为其他人提供一个不错的选择那感觉是一样的。澄清一

我正在使用Twitter引导，我想使用引导中不可用的“自动建议”，而jQueryUI有自己的自动建议方法

我能两者都用吗？它会使带宽过载吗？

请检查。自述文件：

推特的引导是我最喜欢的项目之一 2011年，但经常使用它让我想要两样东西：

与jQueryUI并行工作的能力导致许多小部件在视觉上破坏）主题的功能使用引导样式的jqueryui小部件。虽然我喜欢jQueryUI，但我（和其他人一样）发现当前的一些主题看起来有点过时。我希望这个主题能为其他人提供一个不错的选择那感觉是一样的。澄清一下，本项目的目的或意图不是替换Twitter引导。它只提供了一个与jQuery兼容的UI 主题灵感来自Bootstrap的设计。它还提供了带有几个（次要）部分的引导CSS注释掉了主题必须与之并驾齐驱

如果您不将脚本存储在本地并使用它们提供的链接，您的性能可能会有所提高。在某些情况下，客户端可能已经缓存了脚本。至于jQueryUI的情况，我建议在必要之前不要加载它。

它们都是最小化的，但是你可以启动控制台，查看网络选项卡，看看加载它需要多长时间，一旦它最初下载，它就会被缓存，这样你以后就不用担心了。我的结论是可以同时使用它们，但使用CDN可以同时使用它们。来自twitter的js引导是jquery插件的集合。与jqueryui没有任何冲突

关于带宽过载，这实际上取决于如何处理加载所有js文件的请求。如果您真的不想向服务器发出多个请求来请求每个文件，只需将它们附加在一起并最小化。或者你也可以去掉一些你不需要的js引导插件。它是非常模块化的。

只是为了更新它，bootstrap v2不再与jquery ui冲突

编辑：作为@Freshblood，仍有一些事情存在冲突。然而，正如最初发布的Twitter所表明的，他们正在进行这方面的工作，而且它在很大程度上是有效的，特别是与v1相比。

Bootstrap仍然不适用于Jquery UI，例如modal。Bootstrap有很好的风格，但作为一个有Twitter支持的框架，它并没有那么好

我使用jquery ui开发了一个站点，我只是尝试插入引导程序用于将来的开发和样式设计，但它几乎破坏了一切

所以不，它们是不兼容的。

根据我有限的经验，我也遇到了一些问题。似乎JQuery元素（如按钮）可以使用引导CSS设置样式。但是，我在创建jQueryUI选项卡时遇到了一些问题，并且希望将仅引导的输入（使用InputAppend类）锁定到每个选项卡的底部，只有第一个选项卡正确。因此，JQuery tabs+Bootstrap buttons=可能不是。

数据角色=“无”是使它们协同工作的关键。您可以应用于希望引导程序触摸但jquery mobile忽略的元素。这样地

input type=“text”class=“form control”placeholder=“Search”data role=“none”

如果遇到javascript名称空间冲突，可以使用Bootstrap函数将功能让与jQuery UI。

供将来参考（因为这是google的顶级答案），要防止jQuery UI覆盖引导或自定义样式，需要创建自定义下载并选择

无主题

主题。这将只包括jQueryUI的重置，而不会重载各种元素的引导风格

当我们进行此操作时，一些jQueryUI组件（如datepicker）具有本机引导实现。本机引导实现将使用引导css类、属性和布局，因此应该与框架的其余部分有更好的集成。

Kendo UI有一个很好的web UI集，与jquery UI相当。

他们也有一个与主题很好地配合的工具。

因为这是谷歌在jqueryui和bootstrap.js上的最高结果，我决定将其添加为社区wiki

我正在使用：

引导v3.2.0
jquery-2.1.0
jquery-ui-1.10.3

不知何故，当我包含bootstrap.js时，它会禁用

我的三个变通办法：

排除bootstrap.js
或更多，以提前输入库
从bootstrap.js移动到bootstrap.min.js（奇怪，但对我来说很有用）

尽管这个问题特别提到了jQuery UI的自动建议功能，但问题的标题更为笼统：bootstrap 3是否与jQuery UI配合使用？我在jQUI日期选择器（弹出日历）功能上遇到了问题。我解决了datepicker问题，希望该解决方案能够帮助解决其他jQUI/BS问题

今天我很难让最新的jQueryUI（1.12.1版）日期选择器与Bootstrap3.3.7一起工作。发生的情况是日历将显示，但不会关闭

原来是jQUI和BS的版本问题。我使用的是最新版本的Bootstrap，发现我必须降级到以下版本的jQUI和jQuery：

jQueryUI-1.9.2（测试-工程）
jQuery-1.9.1或2.1.4（已测试-两个版本都可以使用。其他版本也可以使用，但这些版本可以使用。）
Bootstrap 3.3.7（已测试-工作）

因为我想使用一个自定义主题，我还构建了一个jQUI的自定义下载（删除了一些东西，比如所有的交互、对话框、进度条和一些我不使用的效果）——并确保选择底部的“Cupertino”作为我的主题

我这样安装它们：

<head>
...etc...
<link rel="stylesheet" href="css/font-awesome.min.css">
<link rel="stylesheet" href="css/cupertino/jquery-ui-1.9.2.custom.min.css">
<link rel="stylesheet" href="css/bootstrap-3.3.7.min.css">

<!-- <script src="js/jquery-1.9.1.min.js"></script> -->
<script src="js/jquery-2.1.4.min.js"></script>
<script src="js/jquery-ui-1.9.2.custom.min.js"></script>
<script src="js/bootstrap-3.3.7.min.js"></script>
...etc...
</head>

你真的确定吗？我仍然看到jquery有一个问题

[css]
  - bootstrap-3.3.7.min.css
  - font-awesome.min.css
  - style.css
  - [cupertino]
      - jquery-ui-1.9.2.custom.min.css
      [images]
          - ui-bg_diagonals-thick_90_eeeeee_40x40.png
          - ui-bg_glass_100_e4f1fb_1x400.png
          - ui-bg_glass_50_3baae3_1x400.png
          - ui-bg_glass_80_d7ebf9_1x400.png
          - ui-bg_highlight-hard_100_f2f5f7_1x100.png
          - etc (8 more files that were in the downloaded jQUI zip file)