DOM操作添加的工具提示无法呈现HTML

时间:2014-11-10 19:24:39

标签: django twitter-bootstrap twitter-bootstrap-2

我试图在工具提示中呈现HTML,但不幸的是它根本不起作用。

这是如何编程的:

<div class="someField"></div>
<script>
    $(function () {
        $('.someField').append('<a href="#" data-html="true" data-toggle="tooltip" data-placement="top" title="<ul><li>Wee</li></ul>">(Example)</a>');
        $("body").tooltip({html:true,selector: '[data-toggle=tooltip]'});
    }); 
</script>

我在链接中设置了data-html="true",并在tooltip参数中启用了html。

我的代码出了什么问题?

更新

Bootstrap v2.3.1用于此项目(旧框架)。

1 个答案:

答案 0 :(得分:1)

试试这个:

 $("body").tooltip({ html: true, selector: '[data-toggle="tooltip"]' });

WORKING DEMO