javascript - 单击 CKEDITOR 时显示 Bootstrap 工具提示

标签 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 字段做了同样的事情,什么也没发生。请帮忙,谢谢!

*更新* 我刚刚添加了我的 jsfiddle 代码 http://jsfiddle.net/ZSBLR/19/ 太慢了,偶尔刷新一下试试。

最佳答案

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

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

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

Here is the Demo

关于javascript - 单击 CKEDITOR 时显示 Bootstrap 工具提示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17887500/

相关文章:

javascript - 使用 Enter 键移动到输入

javascript - 将 jquery Uniform 插件与 AngularJS 一起使用

javascript - 调试 - 查看 iPad 上触发了哪些事件

php - 使用 .load() 获取数据时 jQuery 出现问题

jquery获取标题属性,问题

javascript Bootstrap 策略

html - 导航栏中的元素不会随着浏览器最小化而移动

html - 在 col-xs-12 中查看时在两个 Bootstrap 列之间添加空间

javascript - 使用异步 javascript 和 mongoose 进行性能表连接

javascript - JQuery - 如何在多个 JQuery 克隆对话框中定位正确的按钮?