SORU
12 Ocak 2009, PAZARTESİ


Jquery hover olay gecikme?

Jquery hover olayı geciktirmek istiyorum. Kullanıcı bir bağlantı veya etiket geldiğinde bir dosyadan okuyorum. Bu olay, kullanıcı sadece ekran üzerinde fareyi hareket halinde hemen gerçekleşmesini istemiyorum. Bir şekilde ateş gelen olay gecikme var mı?

Teşekkür ederim.

Örnek kod:

$(function() {
    $('#container a').hover(function() {
        $('<div id="fileinfo" />').load('ReadTextFileX.aspx',
            {filename:'file.txt'},
            function() {
                $(this).appendTo('#info');
            }
         );
    },
        function() { $('#info').remove(); }
    });
});

GÜNCELLEME:(1/14/09) Hoverİntent eklenti ekledikten sonra yukarıdaki kod uygulamak için aşağıdaki değiştirilmiştir. Çok basit uygulamak için.

$(function() {
    hiConfig = {
        sensitivity: 3, // number = sensitivity threshold (must be 1 or higher)
        interval: 200, // number = milliseconds for onMouseOver polling interval
        timeout: 200, // number = milliseconds delay before onMouseOut
        over: function() {
            $('<div id="fileinfo" />').load('ReadTextFileX.aspx', {filename:'file.txt'},
                function() {
                   $(this).appendTo('#info');
                }
             );
        }, // function = onMouseOver callback (REQUIRED)
        out: function() { $('#info').remove();  } // function = onMouseOut callback (REQUIRED)
    }
    $('#container a').hoverIntent(hiConfig)
}

CEVAP
12 Ocak 2009, PAZARTESİ


Kullanın bir WordPress kullanmak için hoverİntent eklentisi: http://cherne.net/brian/resources/jquery.hoverIntent.html

Tarif ettiğiniz şey için kesinlikle mükemmel ve menüler vb fare üzerinde etkinleştirme gerekli olan hemen her proje üzerinde kullandım...

Bu yaklaşım için bir tane yakaladım, bazı arabirimler yoksun bir 'hover' devlet örn. iphone safari gibi mobil tarayıcılar. Böyle bir cihaz üzerinde açmak için herhangi bir şekilde arayüz veya navigasyon önemli bir parçası saklanıyor olabilir. Cihaz belirli bir CSS ile bu tur alabilir.

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • Joseph Herscher

    Joseph Hersc

    14 Mart 2007
  • LevelUpTuts

    LevelUpTuts

    20 Ocak 2012
  • TechBalance

    TechBalance

    12 HAZİRAN 2011