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 is here并正在工作。（尚未引用bootstrap.js）

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

Demo-2 is here但没有工作。（我引用了bootstrap.js）

Answer 1

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

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

Answer 2

只是为了抬头，Demo-2正在运作：added position relative here

如果您想要使用它：tooltip options

Jquery Tooltip无法使用bootstrap js

2 个答案: