Question

工具提示在表格

中无法正常工作

<td data-container="body">
  <span ng-show="false"> {{Plist.PriceLine}}</span>
  <a href="EditPlayer/PlayerList/{{Plist.PLID}}/Search" target="_blank">
    #{{Plist.PlayerID}}
  </a> 
  &nbsp;
  <span data-placement="top" 
    data-container="body" 
    ng-if="!Plist.Active" 
    data-toggle="tooltip" 
    title="This Team list is inactive">
  <a class="fa fa-exclamation-circle"></a>
  </span> 
  {{Plist.PlayerTitle}}
</td>

我已经将data-container="body"添加到td但是当我将鼠标悬停在表格之外时，我仍然无法获得工具提示，我可以获得工具提示。

Answer 1

你的问题不够明确。但是，我看到的一个原因是您在SPAN标记内部有ANCHOR标记。因此，ANCHOR标记消除了SPAN的标题属性。要使其工作，您还需要将title属性添加到锚点。

看看这个：

<td data-container="body">

  <span data-placement="top" data-container="body" ng-if="!Plist.Active" data-toggle="tooltip" title="This Team list is inactive">

    Dummy text </br>
  <a title="This Team list is inactive" class="fa fa-exclamation-circle">This is anchor</a>
  </span> 

</td>

https://jsfiddle.net/milindbhatt3990/81a6dmtg/4/

添加data-container =“body”后，工具提示在表内不起作用

1 个答案: