我有一张桌子,在悬停在特定单元格上时,我需要根据悬停的单元格显示不同值的工具提示.
我想知道如何以Angular方式使用插件,我在现有设计中遇到问题.
问题:
- 它不会在第一次悬停时工作.
- 第二个悬停工具提示器仅显示它为所有单元格悬停的第一个值.值不会改变
- 它应该显示associateID与时间
$scope.SwipeDataDetails = function (associateid) {
$('.tooltip').tooltipster({
content: $('<div class="swipePopup"><div class="arrowPop"></div><div class="swipePopDetails"><div class="swipeContent1 fLeft"><img src="../images/Swipe_in.png"/> Swipe-In Time</div><div class="swipeContent2 fRight">' + associateid + '10:00AM' + '</div></div><div class="swipePopDetails"><div class="swipeContent1 fLeft"><img src="../images/Swipe_out.png"/> Swipe-Out Time</div><div class="swipeContent2 fRight">' + associateid + '11:00AM' + '</div></div><div class="swipePopDetailsTotal"><div class="swipeContent1 fLeft">Total Swipe Hours</div><div class="swipeContent2 fRight">' + associateid + '1.0' + '</div></div></div>'),
position: 'left',
offsetX: 0,
multiple:true
});
};
Run Code Online (Sandbox Code Playgroud)
在控制台中获取错误
Tooltipster: one or more tooltips are already attached to this element: ignoring. …Run Code Online (Sandbox Code Playgroud)