Question

当用户将鼠标悬停在div中时，我想切换弹出窗口。是否可以使用Replace your code with this code : var chart = new ShieldChart.Chart({ theme: "dark", primaryHeader: { text: "Visitors" }, exportOptions: { image: false, print: false }, dataSeries: [{ seriesType: "area", collectionAlias: "Q Data", data: performance }] });的弹出窗口，或者我做错了什么。我的代码：

div

我也在$（document）.ready（）函数中输出这些：

<div class="grid-item content-text" data-toogle ="popover" data-content="Lorem ipsum dolor sit amet" data-trigger="hover" id="intro">
    <h3> INTRO</h3>
    <p>Hover me</p>
</div>

我的js脚本是有序的，我的$(function () { $('[data-toggle="popover"]').popover(); });标签顶部有bootstrap.css

head

但是，我认为我的popover实现有问题。我只是<script type="text/javascript" src="js/jquery-1.12.3.min.js" ></script> <script type="text/javascript" src="js/bootstrap.min.js" ></script> <script type="text/javascript" src="js/customScripts.js" ></script>失败了。我在codepen.io上创建了一支笔：http://codepen.io/ngp130895/pen/qZQJOJ

Answer 1

由于未知原因，基本上没有确定附加了哪个element - popover。但是，当我尝试提供classname的{{1}}时，它实际上确定了div。

element

<强> DEMO HERE

注意 - 我还给予$(function() { $('.grid-item').popover(); })宽度和指定div属性以正确放置它。由于data-placement div默认为 width ，因此会将100%移至结束，因此无法在屏幕上显示。你需要玩这些属性。此外，我在任何地方都没有看到，popover上使用了popover。请仔细阅读 official site
中提到的一些属性和建议

Bootstrap弹出窗口不起作用

1 个答案: