我试图在参考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 }