javascript – 引导和jQueryUI冲突

前端之家收集整理的这篇文章主要介绍了javascript – 引导和jQueryUI冲突前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我试图在参考jQueryUI和Bootstrap 3的View上使用工具提示.我已经做了一个示例 here.如果我在jQueryUI的js之后加载Boostrap,那么tooltip()调用是成功的,但是如果我在Bootstrap之后调用jQueryUI,我收到一个错误,没有任何作用.你可以自己尝试一下.在互联网上有很多关于这个问题的讨论,我问GitHub,但是我找不到解决方案.

解决方法

理想的解决方案是在没有工具提示的情况下使用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
  }

猜你在找的jQuery相关文章