单击CKEDITOR时显示Bootstrap工具提示

时间:2013-07-26 17:31:10

标签: javascript jquery twitter-bootstrap ckeditor

我在我的网站上使用CKEDITOR。它运作良好。但是我想在用户点击CKEDITOR时显示工具提示。我尝试使用Bootstrap工具提示,它在另一个文本字段中工作,但在CKEDITOR字段上不起作用。

我的网站使用Jquery 1.9.3,Bootstrap

我在另一个领域试过这个代码,效果很好

HTML

<div id = "abcde" data-original-title = "aaaa">abcd</div>

的javascript

$("#abcde").tooltip('show')

我对CKEDITOR领域做同样的事情,没有任何反应。请帮忙,谢谢!

* UPDATE * 我刚刚添加了 jsfiddle 代码 http://jsfiddle.net/ZSBLR/19/ 它太慢了,有时会尝试刷新。

1 个答案:

答案 0 :(得分:2)

加载工具提示时,您很可能需要使用selector选项。

$('body').tooltip({
    selector: "#cke_job_description",
    title: "This is a test"
});

使用您指定的ID或类动态添加的任何元素都将应用工具提示。

Here is the Demo