javascript - Jquery 工具提示不适用于 bootstrap js

Question

我为 jquery 工具提示创建了一个 Angular Directive(指令)。

angular.module("app", []).directive("tooltip", function(){
    return {
        restrict: "A",
        scope:{ 
            title: "@",
            template: "@"
        },
        link: function(scope, element){
            $(element).tooltip({
                title: scope.title,
                tooltipClass: scope.template
            });
        }
    }
})

Demo-1 is here并正在工作。(尚未引用 bootstrap.js)

但是如果我在我的元素中使用 bootstrap.js，它就不起作用。

Demo-2 is here并且不工作。 (我引用了bootstrap.js)

Answer 1

Bootstrap.js还有一个tooltip以 tooltip 命名的功能功能。所以它覆盖了 tooltip jQuery UI 的功能 tooltip功能。

如果您必须同时使用 jQuery UI 和 Bootstrap 插件，但想要 jQuery UI 的工具提示，只需包含 bootstrap.min.js之前jquery-ui.min.js .