twitter引导弹出与导轨

目前似乎不适合我的作品。我使用的其他功能叽叽喳喳的自举宝石成功（如旋转木马），并且可以看到提示和popovers在页面的源加载：twitter引导弹出与导轨

<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（我放在应用.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>") %>

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

来源

2012-07-13 user749798

试试这个标记：

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

你只是缺少：相对价值，以及“数据内容”应该是一个符号。

来源

2012-07-13 16:46:16 wisew

嗯......似乎没有工作出于某种原因。我仍然只是得到“这是一个测试”alt文本来显示，它不是在popover的外观。 – user749798 2012-07-13 19:05:34

尝试删除'html：true'选项（所以它应该读取'$（'。popover-test'）。popover（）;'） - 我不太确定那个选项是什么，因为它不在文档中，但它不应该是必要的。此外，请确保您的布局中包含引导转换，以便弹出窗口会淡入淡出。 – wisew 2012-07-17 16:37:43

你有工作吗？如果没有，什么wisew说是正确的，但是，他有一个小错字 - >周围去掉引号“数据内容”：

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

看看，做它

来源

2012-07-24 10:41:06 purplerice

'：由于连字符'data-content'不是一个有效的符号 - 它需要用引号：'：'data-symbol''。 – BaronVonBraun 2012-07-24 13:07:21

你没有初始化的酥料饼。尝试：

$(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-28 02:57:01 vladiim

twitter引导弹出与导轨

回答

相关问题