Demo of tooltip items option to explode
Place your mouse over the input element , it will show the title associated with
DIV
element. Note that it is showing the
title
of the
DIV
as tooltip and not showing the
title
of input box, because we have set the
items
options to
DIV
element.
HTML
<div class='col-md-4' title='This is title of div element'>
<input type=text name=t1 id=my_tooltip class='form-control'
placeholder='Bring Mouse here' title='This is title of input box'></div>
jquery
<script>
$(document).ready(function() {
/////////
$( "#my_tooltip" ).tooltip({
items: "div"
});
////////////
var present_items = $( "#my_tooltip" ).tooltip( "option", "items" );
$('#d1').html( " <b>Status of items:</b> " + present_items );
////
})
</script>