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

Question

我整天都在尝试在我的表格中添加一些弹出框，以显示每个单元格的更多信息。但我得出结论，弹出框在我的代码中根本不起作用。如何和为什么？有人知道它是什么吗？

<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>

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

Answer 1

这里是working JS Fiddle

$(document).ready(function() {
    $('[data-toggle="popover"]').popover({
        html: true,
        animation: false,
        content: 'World',
        placement: "bottom"
    });
});

Answer 2

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>