Angularjs工具提示指令jquery独立

Question

我想创建一个工具提示angularjs without使用jquery或bootstrap。

我试图做一个指令，我试图找到工具提示指令放置在parent的x,y位置。这是我的link功能。

element.parent().css('position', 'relative'); 

left = offset(element.parent()).left; 
right = offset(element.parent()).right; 

function offset(elm) { 
    try {return elm.offset();} catch(e) {} 
    var rawDom = elm[0]; 
    var _x = 0; 
    var _y = 0; 
    var body = document.documentElement || document.body; 
    var scrollX = window.pageXOffset || body.scrollLeft; 
    var scrollY = window.pageYOffset || body.scrollTop; 
    _x = rawDom.getBoundingClientRect().left + scrollX; 
    _y = rawDom.getBoundingClientRect().top + scrollY; 
    return { left: _x, top:_y }; 
} 

但是左侧和右侧总是变为零。

我找不到没有jquery或bootstrap依赖关系在线的工具提示。任何人都可以请帮我解决这个问题吗？

Answer 1

我做了一个angularJS的工具提示库。 即使它正在使用JQuery来执行诸如删除和显示之类的操作，它也可能是一个很好的开始。

https://github.com/jeremistadler/angular-tooltip