javascript - グリッド内の剣道 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"
});

問題は次のとおりです。

初めて画像名にカーソルを合わせると、指定した位置にツールチップが表示されません。同じ画像名の 2 回目のホバーでは、すべてが正しく表示されます...

何をすべきかヒントを教えてもらえますか？

どうもありがとう！フィリップ