Javascript bootstrap 3 popover与自身冲突的noConflict模式
我正在将我们的一个遗留应用程序从原来的设计改为使用bootstrap和angularjs 以前我们非常依赖jquery和jQueryUI,所以当我在页面中包含引导并使用它启用弹出窗口时,代码与jQueryUI(不知何故)发生了冲突 要启用引导noConflict,我执行了以下操作:Javascript bootstrap 3 popover与自身冲突的noConflict模式,javascript,jquery,twitter-bootstrap-3,Javascript,Jquery,Twitter Bootstrap 3,我正在将我们的一个遗留应用程序从原来的设计改为使用bootstrap和angularjs 以前我们非常依赖jquery和jQueryUI,所以当我在页面中包含引导并使用它启用弹出窗口时,代码与jQueryUI(不知何故)发生了冲突 要启用引导noConflict,我执行了以下操作: var bsPopover = $.fn.popover.noConflict(); $.fn.bspopover = bsPopover; 并调用了我所有的popover代码,如下所示: $('#notify-t
var bsPopover = $.fn.popover.noConflict();
$.fn.bspopover = bsPopover;
并调用了我所有的popover代码,如下所示:
$('#notify-tasks').bspopover({...});
此调用现在正常工作,不再与jquery ui冲突,但是,我在浏览器控制台中遇到以下错误:
Uncaught TypeError: undefined is not a function
以下是代码失败的地方:
Tooltip.prototype.toggle = function (e) {
var self = e ? $(e.currentTarget)[this.type](this.getDelegateOptions()).data('bs.' + this.type) : this
通过运行这行代码中的变量,我发现:
this.type = "popover"
由于$(e.currentTarget)[this.type]真正想做的是调用$(element)[“popover”],它显然失败了,因为popover现在被定义为bspover
在为引导启用noConflict时,我是否遗漏了什么