Javascript 为什么qtip工具提示在第一次单击时不显示弹出窗口，从第二次单击开始显示工具提示

更新的问题：：从左键单击节点开始工作，而从右键单击开始工作，也应该对我们有效..在右键单击-->属性时，弹出窗口将显示在实际节点上，而不是右键单击菜单上..如下所示..当我单击右键单击节点时，我将获得右键单击菜单！单击“查看属性”时，应在右键单击菜单上的节点上显示弹出窗口

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

    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);
                }
            }
            }
        });

尝试使用qTip2（）并检查此演示：

---

嗨，rafaelcastrocouto成功了…我还有一个问题，需要右击触发，如我更新的问题中所示..pop应该出现在节点上..我从侧面尝试了，但没有成功..你能帮我吗我不明白。。。是一个工具提示。。。它在悬停时被触发。。。右键单击时会发生什么情况？

 $('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'
     });
 });