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

只是在你想要使用它的情況下： 工具提示選項