Demo of Selection of disabled option for tooltip in JQuery UI




Select above radio buttons to apply different disabled options ( True or False ) to tooltip, then place the mouse over input box to display tooltip ( with option False )

jquery

<script>
$(document).ready(function() {
////////////////
$( "#my_tooltip" ).tooltip({
disabled: false
});
///////////////
var present_class = $( "#my_tooltip" ).tooltip( "option", "disabled" );
$('#d1').html( " <b>Status of disabled:</b> " + present_class );
//////////
$("input:radio[name=r1]").click(function() {
var sel = ($(this).val() == 'true');
$( "#my_tooltip" ).tooltip( "option", "disabled", sel );
var present_class = $( "#my_tooltip" ).tooltip( "option", "disabled" );
$('#d1').html( " <b>Status of disabled:</b> " + present_class );
})
////////////
})
</script>