有没有办法相对于鼠标光标定位md-tooltip？

Question

我想将md-tooltip元素放置在相对于鼠标光标所在的位置，类似于将进度条悬停在YouTube视频中时。我有以下简化结构：

<div id="timerBar">
    <div id="progressBar"></div>
    <div id="bufferBar"></div>
    <div id="remainingBar"></div>
    <md-tooltip></md-tooltip>
</div>

Answer 1

显然是的，有：

<div id="timerBar" ng-mouseenter="setTooltip($event)" ng-mousemove="setTooltip($event)">
    <div id="progressBar"></div>
    <div id="bufferBar"></div>
    <div id="remainingBar"></div>
    <md-tooltip id="slider-tooltip" style="-ms-transition: none; -o-transition: none; -webkit-transition: none; transition: none;"></md-tooltip>
</div>

AngularJS / jQuery函数：

$scope.setTooltip = function (e) {
    $("#slider-tooltip").css("left", e.clientX - $("#slider-tooltip").width()/2);
}