php - qTip inline 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() 仅触发一次，它工作得很好。