Question

目前，弹出窗口对我来说似乎不起作用。我成功地将twitter-bootstrap gem用于其他功能（如轮播），并且可以看到工具提示和弹出窗口被加载到页面的源代码中：

<script src="/assets/bootstrap-tooltip.js?body=1" type="text/javascript"></script>
<script src="/assets/bootstrap-popover.js?body=1" type="text/javascript"></script>

这是我的javascript（我放在application.js中）

$(function () {
    $('.popover-test').popover({ html : true });
});

以下是我认为的内容：

<%= link_to('Popover test', '#', :class => "popover-test", :title => "This is a test", "data-content" => "<b>hello popover world</b>") %>

非常感谢任何帮助，谢谢！

Answer 1

你没有初始化popover。尝试：

$(function () {
  $('.popover-test').popover({ 
    html : true
  }).popover('show');
});

请注意.popover('show')

我还建议您从html中取出内容逻辑，以便最终结果如下：

$(function () {
  $('.popover-test').popover({ 
    html : true,
    title: "This is a test",
    content: "<b>hello popover world</b>"
  }).popover('show');
});

......更清洁

Answer 2

试试这个标记：

<%= link_to('Popover test', '#', :class => "popover-test", :rel => "popover", :title => "This is a test", :"data-content" => "<b>hello popover world</b>") %>

您只是错过了：rel值，而“data-content”应该是一个符号。

Answer 3

你有这个工作吗？如果不是，那么明智的说法是正确的，然而，他有一个小错字 - ＆gt;删除＆＃34;数据内容＆＃34;：

周围的引号

<%= link_to('Popover test', '#', :class => "popover-test", :rel => "popover", :title => "This is a test", :data-content => "<b>hello popover world</b>") %>

看看是否这样做

twitter引导popover与rails

3 个答案: