弹出窗口或工具提示在我的浏览器中根本不起作用
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>
现在我只在弹出窗口中显示与单元格中相同的信息。信息显示在单元格中,因此弹出窗口不为空。
$(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>
我一整天都在尝试在我的 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>
现在我只在弹出窗口中显示与单元格中相同的信息。信息显示在单元格中,因此弹出窗口不为空。
$(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>