启动popover按钮脚本

我一直在尝试一段时间才能让这个弹出窗口工作在我的项目上。裸记住几件事情：启动popover按钮脚本

我真的没有用CSS或者JS功能
我head & footer段位于include文件
CSS & JS文件位于任何经验这里一个名为assets

话虽这么说的文件夹，是我button

<button type="button" class="btn btn-default" data-container="body" 
id="test" name="test" data-toggle="popover" data-placement="bottom" 
data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus."> 
    Popover on bottom 
</button>

和引导提供了一个JS代码来启动酥料饼功能：

$(document).ready(function() { 
$('#test').popover(options); 
});

虽然我已经试过没有成功许多不同的选择。我试图用不同的名字将JS脚本添加到我的文件中，并将它放在head区域中。我也尝试使用divs无济于事。如果有人能够在这里提供帮助，并且可能会提供一个简短的解释，说明我做错了什么会是惊人的。

来源

2015-12-01 Snappysites

您没有id属性为您的按钮。添加'id =“button_id”'到按钮，在JavaScript写：'$（'＃button_id'）。popover（options）;' – user4035

我已经添加了id部分，但仍然没有，按钮点击，但没有显示任何酥料饼？ – Snappysites

你加载jQuery吗？ – user4035

下面是popover的一个工作示例。检查你是否错过了。由OP

POPOVER EXAMPLE LINK

溶液作为观察：

包括jquery.min.js和bootstrap.min.js

然后，添加

<script> $(document).ready(function(){ $('[data-toggle="popover"]').popover(); }); </script>

来源

2015-12-01 10:29:51

启动popover按钮脚本

回答

相关问题