弹出窗口或工具提示在我的浏览器中根本不起作用

Popover or Tooltip doesn't work at all in my browser

我一整天都在尝试在我的 table 中添加一些弹出窗口,以显示每个单元格的更多信息。但我得出的结论是,弹出窗口在我的代码中根本不起作用。如何以及为什么?任何人都知道它可能是什么?

<td>
        <div>
                <span class="btn" id="infoItem" data-toggle="popover" rel="popover">
                    <?php echo $row[0] ?>
                </span>
                <script>
                    $(document).ready(function() {
                        $('[data-toggle="infoItem"]').popover({
                            html: true,
                            animation: false,
                            content: <?php echo $row[0] ?>,
                            placement: "bottom"
                        });
                    });
                </script>
            </div>
    </td>

现在我只在弹出窗口中显示与单元格中相同的信息。信息显示在单元格中,因此弹出窗口不为空。

这是working JS Fiddle

$(document).ready(function() {
    $('[data-toggle="popover"]').popover({
        html: true,
        animation: false,
        content: 'World',
        placement: "bottom"
    });
});
i realized you are missing some quotes '' and a semi colon on your script

<td>
        <div>
                <span class="btn" id="infoItem" data-toggle="popover" rel="popover">
                    <?php echo $row[0]; ?>
                </span>
                <script>
                    $(document).ready(function() {
                        $('[data-toggle="infoItem"]').popover({
                            html: true,
                            animation: false,
                            content: '<?php echo $row[0]; ?>',
                            placement: "bottom"
                        });
                    });
                </script>
            </div>
    </td>