引导弹出窗口在一个地方工作但在另一个地方工作？

Question

所以这看起来很奇怪。在我的 Rails 4 应用程序中，有两个弹出框，一个在菜单中，一个在视图的侧边栏中。

每个视图都加载了部分标题（资产管道）和导航部分（带有第一个弹出框）。

导航中的弹出框可以正常工作，但视图侧边栏中的弹出框不能。

在控制台中，我可以看到标题、管道的所有 JS 文件，但我没有收到 (...).popover is not a function，这表明 jQuery 确实正在加载。

在我的 Application.js 文件中，我有

$('[data-toggle="popover"]').popover('placement', 'bottom');

据我了解，应该立即初始化所有弹出窗口。我还尝试在脚本标记中的视图本身中包含该行。

问题中的弹出框当前正在使用引导程序提供的确切代码，而我尝试让它工作，并包含在 if/else 中：

  <% if current_user.nil? %>
            <button type="button" class="btn btn-lg btn-danger" data-toggle="popover" title="Popover title" data-content="And here's some amazing content. It's very engaging. Right?">Click to toggle popover</button>
    <% else %>
             <%= button_to "Contribute!", new_project_charge_path(:project_id => @project.id), method: :get, class: "btn btn-primary" %>
    <% end %>

我也尝试删除 if/else 以查看是否是问题所在，但这没有任何区别。你认为这里的问题是什么？谢谢！

Answer 1

试试这个...我认为您没有正确设置选项。

$('[data-toggle="popover"]').popover({placement : 'bottom'});