How to enable Bootstrap tooltip on disabled button?

Question

I need to display a tooltip on a disabled button and remove it on an enabled button. Currently, it works in reverse.

What is the best way to invert this behaviour?

Answer 1

Simply add the disabled class to the button instead of the disabled attribute to make it visibly disabled instead.

button disabled

Note: this button only appears to be disabled, but it still triggers events, and you just have to be mindful of that.