リンクの上にカーソルを置いたとき、動的に読み込まれたツールチップを含むツールチップを表示する前に、少なくとも 1 秒待ちたいと思います。
私が作成したのは、次の jQuery コードです。
$(document).ready(function () {
$("div#galleries ul li:not(.active) a").tooltip({
items: "a",
show: { delay: 1000 },
content: 'Loading preview...',
open: function (event, ui) {
previewGallery(event, ui, $(this));
}
});
});
function previewGallery(event, ui, aLinkElement) {
event.preventDefault();
ui.tooltip.load("http://www.someurl.com/Preview.aspx #preview");
}
これはかなりうまく機能しているように見えました。ここで確認できます: http://fotos.amon.cc/ (ギャラリーのリストにカーソルを合わせるだけです)
しかし、最初は、リンクにカーソルを合わせるとすぐにプレビュー テキストの読み込みが行われることに気づきませんでした。したがって、すべてのリンクにすばやくカーソルを合わせると、いくつかのリクエストが設定されます。
ユーザーの観点からは (リクエストが発生したことを知らずに) 既に私が望むように見えますが、ツールチップが実際に表示されているときに、プレビューのロードのみを開始するにはどうすればよいですか?
ありがとう、ドミニク