Bootstrap和jQueryUI冲突

Question

我正在尝试tooltip在同时引用 jQueryUI 和 Bootstrap 3 的View
上使用。如果我在jQueryUI的js之后加载Boostrap，则tooltip()调用成功，但是如果我在Bootstrap之后调用jQueryUI，则出现错误，并且没有任何效果。您可以自己尝试。互联网上对此进行了大量讨论，我询问了有关GitHub的问题，但我还找不到解决方案。

Answer 1

理想的解决方案是采用没有工具提示的QueryUI。这将起作用。如果您不想这样做，请在JQueryUI之后包含Bootstrap。确保每个组件都有唯一的组件（可以使用所需组件自定义构建两个库）

Bootstrap可以重置任何组件，例如：

var bootstrapButton = $.fn.button.noConflict() // return $.fn.button to previously assigned value
$.fn.bootstrapBtn = bootstrapButton            // give $().bootstrapBtn the Bootstrap functionality

在JQueryUI之后加载引导程序时，以上代码将起作用

这是来自Bootstrap的相关代码：

  var old = $.fn.tooltip

  $.fn.tooltip = function (option) {
    ....
  }


  $.fn.tooltip.noConflict = function () {
    $.fn.tooltip = old
    return this
  }