CODEWITHSUNDEEP
javascriptjquerytwitter-bootstrapckeditor
duykhoa
duykhoa

Reputation: 2302

Show Bootstrap tooltip when click on CKEDITOR

I use CKEDITOR for my website. It's work well. But I want to show a tooltip when user click on CKEDITOR. I tried use Bootstrap tooltip, it worked in another text field, but didn't work on CKEDITOR field.

My website use Jquery 1.9.3, Bootstrap

I tried this code in another field, it worked well

HTML

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

javascript

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

And I do the same with CKEDITOR field, nothing happened. Please help, thanks!

*UPDATE* I just added my jsfiddle code http://jsfiddle.net/ZSBLR/19/ It's too slow, try to refresh sometimes.

Upvotes: 2

Views: 2609

Answers (1)

Schmalzy
Schmalzy

Reputation: 17324

You will most likely need to use the selector option when loading your tooltip.

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

Any element dynamically added with the ID or class you specify will then have a tooltip applied to it.

Here is the Demo

Upvotes: 2

Related Questions