不能使引导弹出框与苗条一起使用

Question

我正在尝试在我的苗条视图中实现引导弹出窗口，但到目前为止它没有工作：

这是我狭隘观点的问题部分：

 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之外的所有属性都是数据属性，所以我给它们添加了“数据”。
2. 我假设“hello”和“dispo”应该是字符串，所以我引用了它们。如果这些实际上是变量，只需使用 "#{dispo}" 和 "#{hello}" 代替。

如果您还没有这样做，请务必触发 popover 方法以使您的弹出框真正工作：

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