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之后加载引导程序时,上面的代码将起作用

参考:http://getbootstrap.com/javascript/

以下是Bootstrap的相关代码:

  var old = $.fn.tooltip

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


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