0

cluetip jquery pluginのホバー機能を使いたいです。ホバー時に ajax リクエストを呼び出していますが、読み込み中の画像がポップアップする前に一定時間リンクを強調表示している場合にのみ、ajax 呼び出しを実行したいと考えています。これにより、人が誤ってリンク上に数秒間ホバーしたときにサーバーへの呼び出しが回避されます。

これは可能ですか?hoverintent プラグインを含めることができることがわかったので、以下のオプションを追加しましたが、何もしないようです。以下のように、非常に大きな数を使用してみましたが、リンクにカーソルを合わせるとすぐに ajax 読み込みイメージが開始されます。

 <script type="text/javascript" src="<%= Url.Content("~/Scripts/jquery.hoverintent.js") %>"></script>
 <link rel="Stylesheet" type="text/css" href="<%= Url.Content("~/Content/jquery.cluetip.css") %>" />
 <script type="text/javascript" src="<%= Url.Content("~/Scripts/jquery.cluetip.js") %>"></script>


  $('a.descriptionLink').cluetip({
    width: '450px',
    //cluetipClass: 'jtip',
    showTitle: false,
    cluetipClass: 'jtip',
    hoverIntent: {
        sensitivity: 413,
        interval: 4650,
        timeout: 0
    },
    sticky: true,
    mouseOutClose: true,
    ajaxSettings: {
        dataType: 'json'
    },
    ajaxProcess: function (data) {
        var display = data.status;
        display += "<br><br><b>Description:</b> " + data.description;
        return display;
4

1 に答える 1

3

clueTipあなたが望むことを正確に行うhoverIntentプラグインのオプションがあります。

于 2011-11-01T00:34:33.487 に答える