Jquery – How to use bootstrap tooltip?

jquerytooltiptwitter-bootstrap

I have used Bootstrap but the tooltip is not working

<a href="#" data-original-tittle="test" 
            data-placement="right"
            rel="tooltip"
            target=" _blank"> hover me 
</a>

Or do I need to use jQuery?

Best Answer

Try to add tooltip like

<script type="text/javascript">
    $(function(){
       $('[rel="tooltip"]').tooltip();
    });
</script>

or you can directly select as

$('a').tooltip();

or try with it

<a href="#" data-toggle="tooltip"
data-original-title="Tooltip on right">hover me</a>

and your script like

$(function() {
    $('a').tooltip({placement: 'right'});
});

MY ULTIMATE FIDDLE finally HERE

Related Solutions

Javascript – How to check if an element is hidden in jQuery

Since the question refers to a single element, this code might be more suitable:

// Checks CSS content for display:[none|block], ignores visibility:[true|false]
$(element).is(":visible");

// The same works with hidden
$(element).is(":hidden");

It is the same as twernt's suggestion, but applied to a single element; and it matches the algorithm recommended in the jQuery FAQ.

We use jQuery's is() to check the selected element with another element, selector or any jQuery object. This method traverses along the DOM elements to find a match, which satisfies the passed parameter. It will return true if there is a match, otherwise return false.

Javascript – jQuery get specific option tag text

If you'd like to get the option with a value of 2, use

$("#list option[value='2']").text();

If you'd like to get whichever option is currently selected, use

$("#list option:selected").text();

Best Answer

Related Solutions

Javascript – How to check if an element is hidden in jQuery

Javascript – jQuery get specific option tag text

Related Topic