javascript - 表格 td 标签中弹出框工具提示的问题

Question

这是我所拥有的并且工作正常:

    <div style="padding:5px; border:solid 1px gray; width: 30px; height: 20px;" role="button" data-toggle="popover" data-content="test">
        <div class="tv-button"></div>
    </div>

但是如果我这样做:

<td>
        <div style="padding:5px; border:solid 1px gray; width: 30px; height: 20px;" role="button" data-toggle="popover" data-content="test">
            <div class="tv-button"></div>
        </div>
</td>

它停止工作了。

这是我在脚本中的内容:

    $("[data-toggle=popover]")
        .popover({
            placement: "top",
            trigger: "hover",
            html: true
    });

有谁知道是什么问题吗？

提前致谢。

Answer 1

我意识到，如果我在“tr”标签上执行 ng-repeat 并重复许多“td”标签，它就不起作用，在这种情况下它不起作用，如果没有 ng-repeat，它会起作用，我会创建JSfiddle，但由于我有很多 html，所以我不想打扰您阅读……你们中有人对此有结论吗？