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，但我曾遇到过similar challenge with tooltip。

你基本上想把你的代码翻出来，把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',
});

从ajax调用结果更新qtip内容

1 个答案: