Обновление содержимого qtip из результатов вызова ajax

Question

Я использую qtip, чтобы показать событие нажатия кнопки как

$.ajax({
    url: url,
    data: data,
    method: 'POST',
    success: function(data){
         var Table1 = data.tableName;
         var menu_content = '<div id="menu"><img src="download.png" />'+ Table1 +'</div>';
         $('#button1').qtip({
              content: 'menu_content',
              show: 'click',
              hide: 'click',
         });
    },
    error: function(er){}
});

Это не работает.

Answer 1

Я не знаком с qtip но однажды я столкнулся с аналогичной проблемой с подсказкой.

В основном вы хотите вывернуть свой код наизнанку и поместить вызов AJAX в обратный вызов qtip. Если я прав в предположении content Параметр поддерживает обратные вызовы, это может сделать это:

$('#button1').qtip({
    content: function() {
        // If this is already part of your DOM, select it. Otherwise, you
        // could create a new jQuery element and append it where you want
        // it in your document.            
        var $menu = $('div#menu');
        var $img= $('<img />').attr('src', 'download.png')
        $menu.append($img);

        $.ajax({
            url: url,
            data: data,
            method: 'POST',
            success: function(data){
                var $textSpan = $('<span />').text('data.tableName');
                $menu.append($textSpan);
            }
        });
    },
    show: 'click',
    hide: 'click',
});