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