qTip内联onClick在AJAX内容上触发两次

Question

我有一个使用AJAX和PHP填充数据库的页面。有一个“将项目添加到列表”的链接，当您单击该链接时，会弹出一个qTip框，确认已添加该项。当我尝试使用qTip执行此操作时，我用来添加项目的onClick事件会触发两次。

这是AJAX的响应函数，它填充页面然后初始化新创建的div的工具提示。

xmlhttp.onreadystatechange=function() {
      if (xmlhttp.readyState==4 && xmlhttp.status==200) { document.getElementById("contentdiv").innerHTML=xmlhttp.responseText; updateTooltip();}
}

这是我的工具提示初始化函数

function updateTooltip() {  
    $(".Tooltip").qtip({
       content: "<a href='blah.html' target='_blank'>Item Added</a>",
       show: 'click',
       hide: 'none',
       style: { 
           width: 500,
           height: 12,
           name: 'light'
       },
       position: {
            corner: {
                target: 'center',
                tooltip: 'center'
            }
        }
     });     
}

这是使用onClick事件生成链接的PHP代码

echo "<a class='Tooltip' target='_blank' onClick='addItem();'> Add To List </a>";

当我使用qTip时，

onClick仅会触发两次。它完全正常，否则当你点击一次时，addItem（）只会触发一次。