javascript - Bootstrap 和 jQueryUI 冲突

Question

我正在尝试在引用了 jQueryUI 和 Bootstrap 3 的 View 上使用 tooltip。我做了 sample here .如果我在 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 时会起作用

引用:http://getbootstrap.com/javascript/

这是来自 Bootstrap 的相关代码:

  var old = $.fn.tooltip

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


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