无法使用超薄的bootstrap popover工作

Question

我试图在我的苗条视图中实现bootstrap popover但到目前为止它没有用：

这是我苗条观点中有问题的一部分：

 td = tournament.subscriptions.count
 td data: {container: body, html: true, content: hello, toggle: popover, placement: top, trigger: hover, title: dispo}
    = tournament.subscriptions.where(status: "confirmed").count

我认为我尊重语法，但它仍然不起作用。有什么想法吗？

Answer 1

问题是您正在尝试使用哈希来定义td标记的属性。

这应该适合你：

td data-container='body' data-html='true' data-content='hello' data-toggle='popover' data-placement='top' data-trigger='hover' title='dispo'

修改后的td行需要注意几点：

1. 除title之外的所有属性都是数据属性，因此我添加了＆＃34;数据＆＃34;给他们。
2. 我假设＆＃34;你好＆＃34;和＆＃34; dispo＆＃34;应该是字符串，所以我引用了它们。如果这些实际上是变量，请改用"#{dispo}"和"#{hello}"。

如果您尚未执行此操作，请务必触发popover方法以使您的popovers实际运行：

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