Can't repeatedly create and destroy tooltip

[ghost]

                               var destroy = $(this).data("ui-validate.error-destory");
                if(!destroy){
                    destroy = function(){
                        $(this).tooltip('destroy');
                    }
                    $(this).data("ui-validate.error-destory",destroy);
                }

                $(this).tooltip('destroy')
                .tooltip({title:message,placement:'bottom'})
                .tooltip('show')
                .focus()
                .off("blur",destroy)
                .on("blur",destroy);

[cvrebert]

You have typos: "destory" [sic] instead of "destroy"

Please post a full JS Fiddle or JS Bin version of your example that doesn't use AngularJS.

[ghost]

The jsfiddle link:
http://jsfiddle.net/pittlu/qytpofm9/5/

[cvrebert]

The docs are admittedly not clear about this, but show and hide are async. They return before the actual showing/hiding completes.
After fixing your example to account for this, the tooltip message does get changed: http://jsfiddle.net/8pb8u023/1/

[ghost]

Why the message blinks when you click more than once.
The event shown.bs.tooltip doesn't trigger by the second click.

[ghost]

There seems a BUG with destroy method of tooltip，A success code with hack like this: http://jsfiddle.net/pittlu/8pb8u023/2/

[cvrebert]

Perhaps you are encountering #15168.

[ghost]

I hope the next version can fix this issue.

[cvrebert]

Closing in favor of #15168 & #15500.