jquery - Bootstrap Tooltips showing like Regular HTML Tooltips -


i've tried everything, popups show great, tooltips show regular html tooltip. enter image description here

this have in code

html

    <th rel="tooltip" title="number of calls made our api">api call</th> 

javascript

  //tooltips       $('[rel=tooltip]').tooltip({       'selector': '[rel=tooltip]',       'placement': 'top'       }); 

and far can tell im importing bootstrap css , js since modals, , popovers work great through site.

what missing?

the double definition of selector seems throwing off bootstrap's tooltip. if remove 'selector': '[rel=tooltip]', object pass .tooltip() should fix it.

your markup like:

<th rel="tooltip" title="number of calls made our api">api call</th> 

and javascript like:

//tooltips $('[rel=tooltip]').tooltip({   'placement': 'top' }); 

since selecting elements rel attribute set "tooltip" don't need specify selector in object passing in.

for working, unstyled, demo check out fiddle

also, specify further, adding in selector had before useful when defining tooltips this:

$(document).tooltip({     'selector': '[rel=tooltip]',     'placement': 'bottom' }); 

Comments

Popular posts from this blog

c# - DetailsView in ASP.Net - How to add another column on the side/add a control in each row? -

javascript - firefox memory leak -

Trying to import CSV file to a SQL Server database using asp.net and c# - can't find what I'm missing -