Question

What is the data-selector option used for in Twitter’s Bootstrap Tooltip? The description reads…

If a selector is provided, tooltip objects will be delegated to the specified targets.

But I don’t understand its purpose or how to use it.

Answer 1

It is the similar to using jQuery delegation methods like on() or delegate() in order to account for tooltip elements that aren’t present in page when code is run.

Example binding to body since it is always present in page

$('body').tooltip({
   selector: '.mytooltipClass'

})