小编典典

Bootstrap和jQueryUI冲突

css

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


阅读 942

收藏
2020-05-16

共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
  }
2020-05-16