delay works only on repeated hovers

[psprokofiev]

If I hover the mouse on element the first time - tooltipster loads immediately, if I hover again - it loads after delay. I need that delay is at each hover, also at first time.

$('body').on('mouseenter', '.hovercard:not(.tooltipstered)', function() {
        $(this).tooltipster({
            theme: 'tooltipster-shadow',
            zIndex: 1055,
            contentAsHTML: true,
            interactive: true,
            minWidth: 320,
            delay: [ 3000, 0 ],
            content: 'Loading...',
            functionBefore: function(instance, helper) {
                var $origin = $(helper.origin),
                    card = $origin.data('card'),
                    model = $origin.data('model'),
                    id = $origin.data('id');
                if ($origin.data('loaded') !== true) {
                    var route = [ '/hovercard', card, model, id ].join('/');
                    axios.get(route)
                        .then(function (response) {
                            instance.content(response.data);
                        })
                        .catch(function (error) {
                            instance.content('Not loaded');
                            console.warn(error, instance);
                        })
                        .then(function () {
                            $origin.data('loaded', true);
                        });
                }
            }
        })
        .tooltipster('open');
    });

[psprokofiev]

This bug is only in this "case":

$('body').on('mouseenter', '.hovercard:not(.tooltipstered)', function() {
        $(this).tooltipster({

in this code all is ok:

$('.hovercard').tooltipster({
        delay: [ 3000, 0 ],

[louisameline]

Please check the FAQ about delegation. Thank you