Jquery Tooltip无法使用bootstrap js

Question

我为jquery工具提示创建了一个angular指令。

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在这里工作。（尚未引用bootstrap.js）

但是，如果我在我的项目中使用bootstrap.js，它就无法正常工作。

演示2在这里 ，不起作用。 （我引用了bootstrap.js）

Answer 1

Bootstrap.js还具有以tooltip功能命名的tooltip功能。 所以这是压倒一切的tooltip的jQuery UI的功能tooltip功能。

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

Answer 2

只是为了抬头，Demo-2正在工作： 在这里 added position relative

只是在你想要使用它的情况下： 工具提示选项