0

リンクの上にカーソルを置いたとき、動的に読み込まれたツールチップを含むツールチップを表示する前に、少なくとも 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/ (ギャラリーのリストにカーソルを合わせるだけです)

しかし、最初は、リンクにカーソルを合わせるとすぐにプレビュー テキストの読み込みが行われることに気づきませんでした。したがって、すべてのリンクにすばやくカーソルを合わせると、いくつかのリクエストが設定されます。 ここに画像の説明を入力

ユーザーの観点からは (リクエストが発生したことを知らずに) 既に私が望むように見えますが、ツールチップが実際に表示されているときに、プレビューのロードのみを開始するにはどうすればよいですか?

ありがとう、ドミニク

4

1 に答える 1