使用kendo ui工具提示在网格内定位问题

Question

我在网格单元格中有kendoui工具提示有问题.在网格中我显示一个简单的文档文件夹.每行列出一个文件.在第一列中,我有一个小的预览图标和图像或文件的下载链接.如果我将鼠标悬停在图像上,则会调用工具提示.

例:

<a class="documents has_preview" href="<my_download_path>" title="<my_image_title>" data-url="<my_preview_image_path>">
<span class="icon preview_image image jpg has_image">
    <img src="<my_preview_icon_path>" border="0" alt="" />
</span>
<my_image_name>

工具提示插入如下:

<script id="template" type="text/x-kendo-template">
    <img src="#=target.data('url')#" alt="#=target.data('title')#" />
    <p>#=target.data('title')#</p>
</script>

$("#grid").kendoTooltip({
    filter: "a.has_preview",
    content: kendo.template($("#template").html()),
    position: "top"
});

问题是:

如果我第一次悬停图像名称,工具提示将不会显示在指定位置.在第二次悬停相同图像名称时,一切都正确显示...

任何人都可以给我一个暗示该怎么办？

非常感谢!菲利普

Answer 1

我们可以通过将位置设置为“左”来修复它。