How to delay show/hide of bootstrap-tooltips?

Question

I am having trouble making that data-delay attribute of twitter bootstrap tooltips work. I am using it like :

Here is how i use it :

<a href="#" data-toggle="tooltip" data-delay="{ show: 5000, hide: 3000}">with delay</a> <script>     jQuery('a[data-toggle="tooltip"]').tooltip().click( function(e) {         e.preventDefault();      }); </script> 

but i don't see any delay on show/hide. Any ideas why ?

Answer 1

Finally I got it working with data attribute.

data-delay='{"show":"5000", "hide":"3000"}' 

The object must be surrounded by single quotes, keys with double quotes and values with double or none, probably depends on the type. Is the only way that works.

This works for popovers too.