-2

我在工作中的项目中添加了一个 jquery 工具提示。它应该出现在元素上方的图像内部。现在，这工作得非常好，但在此工具提示出现的两个页面之一上，除非刷新，否则它会随机停止在翻转时弹出。

请注意，其他页面没有出现此问题，并且两者的代码相同，请保存图像本身。我通过测试注意到的是，如果您将鼠标移到第一页上的速度足够快以至于工具提示开始出现，那么第一页的工具提示就会停止工作，然后不会。

我的问题是：这是一个已知的错误吗？有没有办法解决它？如果是这样，那会是什么？

作为参考，我的代码：

function mouseRenewal() {
    $('#pinOver').tooltip({
        content: '<img src="../../Content/Images/renewalnotice.GIF" />'
    });
}

和触发元素：

<%= Html.Label("Pin")%></div>
<%= Html.TextBox("Pin")%>&nbsp;
<span class="help">
     <a id="pinOver" title="" onclick="sampleRenewalOpen()" onmouseover="mouseRenewal()">What's this?</a>
</span>

注意：该元素的 onclick 事件适用于移动浏览器。因此，如果您无法悬停或悬停中断，您可以打开一个包含图像的弹出窗口。

编辑：经过进一步测试，我得出结论，这不是鼠标悬停的速度。重复的鼠标悬停通常会收到问题，甚至不是简单的快速鼠标悬停。我现在正在尝试使用延迟来尝试使其正常且一致地工作。

4

1 回答 1

1

您在每次鼠标悬停时初始化工具提示。一开始只需要初始化一次。 

$('#pinOver').tooltip({
    content: '<img src="../../Content/Images/renewalnotice.GIF" />'
});

<span class="help">
 <a id="pinOver" title="">  
    What's this?
</a>
</span>

看演示

于 2014-02-02T05:49:00.900 回答