0

弹出框目前似乎对我不起作用。我成功地将 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>") %>

任何帮助将不胜感激，谢谢！

4

3 回答 3

4

您没有初始化弹出窗口。尝试：

$(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');
});

...更清洁

于 2012-12-28T02:57:01.027 回答
1

试试这个标记：

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

您只是缺少 :rel 值，并且“数据内容”应该是一个符号。

于 2012-07-13T16:46:16.710 回答
0

你得到这个工作了吗？如果不是，wisew 说的是正确的，但是，他有一个小错字-> 删除“数据内容”周围的引号：

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

看看有没有这样

于 2012-07-24T10:41:06.213 回答