关闭工具提示时获取不正确的 ID (functionAfter)

Getting incorrect ID when tooltip are closed (functionAfter)

我正在使用 tooltipster 插件来创建工具提示。

当工具提示显示时，如果您随后单击背景（粉红色）- 它会提醒您来自 data-post-id='xx' 的 ID 已关闭 (functionAfter)。它显示正确的 ID。

但是，如果您点击背景（粉红色）而不是点击任何其他提示，则会显示不正确的 ID。是什么原因造成的以及如何解决？

查看演示：http://jsfiddle.net/ww60y38h/

$(".tip").tooltipster({
        content: 'Loading...',
        contentAsHTML: true,
        offsetY: -13,
        autoClose: true,
        theme: 'tooltipster-punk',
        trigger: "click",
        onlyOne: true,
        multiple: false,
        interactive: true,
        functionBefore: function(origin, continueTooltip) {
            continueTooltip();
            postID = $(this).data('post-id');
            origin.tooltipster('content', "Post ID: " + postID);
        },
        functionAfter: function(origin) {
            alert("PostID Tooltip Closed:" + postID);
        }

});

HTML:

<div style="height: 900px; background-color:pink">
  <div class="tip" data-post-id='1'>ToolTip PostID 1</div>
  <div class="tip" data-post-id='2'>ToolTip PostID 2</div>
  <div class="tip" data-post-id='3'>ToolTip PostID 3</div>
</div>

不要对所有工具提示使用单个全局变量 postID，每次打开工具提示时它都会被覆盖。在functionBefore中将var关键字放在postID之前，在functionAfter.

中同样定义。