I am using jquery ui tooltip function and I feel like the fade in tooltip is a little annoying.
I had added delay : 0 but its still does the fading.
Does anyone have a solution to this or can recommend another tooltip functionality? Thanks!
Below is my code
$(function () {
$(document).tooltip({
show: {
effect:'toggle',
delay:0
},
content: function () {
return $(this).prop("title");
}
});
Use:
show: false
This disables the effect on show event. Same goes for hide
.
Demo
Source: http://api.jqueryui.com/tooltip/#option-show
If you can't use show:false
because you need to set other show properties, for example, you really do want a delay before the tooltip displays, but just want the tooltip to appear after the delay with no animation effect, you can use effect: "none"
as shown below:
show: {
delay: 500,
effect: "none"
}
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With