【问题标题】:Cant make bootstrap popover work with slim不能使引导弹出框与苗条一起使用
【发布时间】:2015-10-18 20:50:38
【问题描述】:

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

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

 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

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

【问题讨论】:

    标签: twitter-bootstrap popover slim-lang


    【解决方案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();
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2014-08-26
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多