【问题标题】:bootstrap popover content setting引导弹出内容设置
【发布时间】:2012-04-12 12:23:52
【问题描述】:

bootstrap popover 当前期望这个:

<a href="#" id="example" class="btn btn-danger"  rel="popover" data-content="It's so simple to create a tooltop for my website!" data-original-title="Twitter Bootstrap Popover">hover for popover</a>  

$("#example").popover({placement:'bottom'});

..希望您在模板中定义数据内容或在 jquery 中动态传递。

有没有可以支持如下格式:

..能够在块中定义内容/标题的点

<div id="example">
<div class="original-title">
Twitter Bootstrap Popover
</div>
<div class="data-content">
It's so simple to create a tooltop for my website!
</div>
<a>hover for popover</a>
<div>

$("#example").popover({placement:'bottom'})

【问题讨论】:

    标签: javascript jquery twitter-bootstrap popover


    【解决方案1】:

    目前,没有,因为 popover 脚本基本上是在扩展工具提示脚本的功能,但没有什么是不可能的。您可以修改脚本并添加自定义 data-attributes 以自己支持您的标记,但是当更新到来时,如果您想支持您的编辑,则必须再次执行此操作,或者根本不更新。

    【讨论】:

      【解决方案2】:

      我认为可以使用 javascript 代码将此 div 的内容提供给元素,但不推荐。

      $("a").attr("data-title",$(".data-title").html()).attr(".data-content",$(".data-content").html());
      $('a').popover({placement:'bottom'})
      

      【讨论】:

        猜你喜欢
        • 2017-04-28
        • 1970-01-01
        • 2017-09-14
        • 1970-01-01
        • 1970-01-01
        • 2023-03-04
        • 2021-12-22
        • 2012-10-28
        • 2016-05-30
        相关资源
        最近更新 更多