Question

我整天都试着在我的桌子上放一些弹出窗口，显示每个单元格的更多信息。但是我得出了结论，在我的代码中，popovers根本不起作用。怎么样，为什么？任何人都知道它可以是什么？

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

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

Answer 1

以下是working JS Fiddle

url(r'^delete/(?P<id>\d+)/$', DeleteView.as_view(), name="DeleteView"),

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>

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

2 个答案: