为什么qtip工具提示在第一次点击时没有弹出，从第二次点击它显示工具提示

Question

UPDATED Question ::它的工作是从左键单击节点，从右键单击它也适用于我们..右键单击 - ＆gt;属性，pop shpuld在实际节点上不显示右击菜单..如下图所示..当我点击右键点击节点时，我会得到右键菜单！当我点击查看属性时弹出应该显示在右键菜单上的nodenot上

我在布局中有10-15个节点，所有节点都是动态的，点击每个节点需要进行ajax调用，并且需要使用qtip工具提示显示ajax结果的结果。下面是代码它首先点击它没有显示弹出窗口，但是从seconf点击它的显示工具提示。为什么它没有显示第一次点击时弹出?????

    var str = "#JP"+ nodeId;

    $(str).qtip({

        content: {
            text: 'Loading...', 
            ajax: {
                url: 'url', 
                dataType : 'text',
                type: 'GET', // POST or GET
                data: {}, // Data to pass along with your request
                success: function(data, status) {
                    alert(data);
                    this.set('content.text', data);
                },error : function(msg, url, line){
                    alert('msg'+ msg);
                }
            }
            }
        });

Answer 1

尝试使用qTip2（http://qtip2.com）并查看此演示：

http://jsfiddle.net/craga89/L6yq3/

 $('a').each(function() {
     $(this).qtip({
        content: {
            text: function(event, api) {
                $.ajax({
                    url: api.elements.target.attr('href') // Use href attribute as URL
                })
                .then(function(content) {
                    // Set the tooltip content upon successful retrieval
                    api.set('content.text', content);
                }, function(xhr, status, error) {
                    // Upon failure... set the tooltip content to error
                    api.set('content.text', status + ': ' + error);
                });

                return 'Loading...'; // Set some initial text
            }
        },
        position: {
            viewport: $(window)
        },
        style: 'qtip-wiki'
     });
 });