小编Vig*_*arr的帖子

在Angular js中使用Tooltipster Jquery插件

我有一张桌子,在悬停在特定单元格上时,我需要根据悬停的单元格显示不同值的工具提示.

我想知道如何以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)

javascript jquery angularjs tooltipster

6
推荐指数
1
解决办法
1800
查看次数

标签 统计

angularjs ×1

javascript ×1

jquery ×1

tooltipster ×1