6
Ich habe ein Problem mit Kendoui Tooltip in einer Rasterzelle. Im Raster zeige ich einen einfachen Dokumentenordner an. Jede Zeile listet eine Datei auf. In der ersten Spalte habe ich ein kleines Vorschau-Icon und einen Download-Link für das Bild oder die Datei. Wenn ich ein Bild schwebe, wird der Tooltip aufgerufen.Positionierung Problem mit Kendo-Tooltip in einem Raster
Beispiel:
<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>
Der Tooltip wie eingefügt:
<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"
});
Problem ist:
Wenn ich den Namen des Bildes zum ersten Mal schweben, Der Tooltip wird nicht am angegebenen po angezeigt sition. Bei einem zweiten Hover mit dem gleichen Bildnamen wird alles korrekt angezeigt ...
Kann mir jemand einen Tipp geben was ich machen soll?
Vielen Dank! Philip
Ich hatte das gleiche Problem; In meinem Beispiel wird der Tooltip innerhalb eines "k-animation-container" div geschachtelt, sobald der erste Hover passiert ist, dann funktioniert alles wie erwartet. – loxdog
Gleiches Problem, aber stattdessen ListView verwenden. Ich musste die in der Antwort angegebene Problemumgehung verwenden, die das Problem nicht wirklich behebt. Schade, dass dies in der Kernbibliothek 2 Jahre später immer noch nicht behoben ist. –