Question

我在工作中添加了一个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事件适用于移动浏览器。因此，如果您无法悬停或悬停中断，您可以打开一个包含图片的弹出窗口。

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

Answer 1

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

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

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

请参阅Demo

Jquery Tooltip工作正常，然后停止

1 个答案: