无法使 bootstrap 弹出窗口与 slim 一起工作

Question

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

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

 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 行有几点需要注意：

除了title之外的所有属性都是数据属性，所以我给它们添加了"data"。
我假设 "hello" 和 "dispo" 应该是字符串，所以我引用了它们。如果这些实际上是变量，只需使用 "#{dispo}" 和 "#{hello}" 即可。

如果您还没有这样做，请务必启动 popover 方法让您的弹出框实际工作：

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

无法使 bootstrap 弹出窗口与 slim 一起工作

Cant make bootstrap popover work with slim

twitter-bootstrap

popover

slim-lang