qTip2 - вызов функции после изменения содержимого всплывающей подсказки - PullRequest
0 голосов
/ 01 марта 2019

У меня есть всплывающая подсказка qTip, где я загружаю ее содержимое через ajax.После загрузки содержимого мне нужно вызвать функцию someFunction ()

$('.element').qtip(
{
    content: 
    {
        text: function(event, api) 
        {
            api.elements.content.text('Loading...');

            var content = $.ajax(
            {
                url: 'loadcontent.php',
                dataType: 'json'
            })
            .then(function(result) 
            {
                // Some code for changing result html
                return result.html;

            }, function(xhr, status, error) 
            {
                api.set('content.text', 'Error');
            });

            // Calling a function, but it's too early (content is still not in the tooltip)
            someFunction();

            return content;
        }
    }
});

Если честно, я не уверен, куда поместить someFunction (), поэтому она вызывается после содержимоедобавлено в подсказку.Нет события, которое запускается после изменения содержимого.

1 Ответ

0 голосов
/ 02 марта 2019

Я придумал решение:

$('.element').qtip(
{
    content: 
    {
        text: 'Loading...'
    },
    events: 
    {
        show: function(event, api) 
        {
            $.ajax(
            {
                url: 'loadcontent.php',
                dataType: 'json'
            })
            .then(function(result) 
            {
                api.set('content.text', result.html);

                someFunction();

            }, function(xhr, status, error) 
            {
                api.set('content.text', 'Error');
            });
        }
    }
});
...