1

以下のjQueryでmousehouverイベントを遅らせようとしています

document.observe('mouseover', (function (event) {
    var target = event.findElement('a[rel^=lightbox]') || event.findElement('area[rel^=lightbox]');
    if (target) {
        event.stop();
        this.start(target);
    }
}).bind(this));
},

私はこのようにしてみました

document.observe('mouseover', (function (event), 2000) {
    var target = event.findElement('a[rel^=lightbox]') || event.findElement('area[rel^=lightbox]');
    if (target) {
        event.stop();
        this.start(target);
    }
}).bind(this));
},

しかし、うまくいきませんでした。

どうすればこれを機能させることができますか?

ありがとう

これも試しましたが、ホバーが機能しません。

    var hoverTimeout;
       document.observe('mouseenter', (function(event){
        hoverTimeout = setTimeout(function(){
    document.observe('mouseover', (function(event){
        var target = event.findElement('a[rel^=lightbox]') ||                                                             event.findElement('area[rel^=lightbox]');
        if (target) {
            event.stop();
            this.start(target);
        }
    }).bind(this));
},
 }, 2000);

});

4

2 に答える 2

3

ライトボックス イベント ハンドラの動作をオーバーライドするために、(このコードをテストしていないため、おそらくわずかな変更を加えて) これを行う必要があります。これは、ライトボックス スクリプトをロードした直後に配置する必要があります。

<script src="js/lightbox.js" type="text/javascript"></script>
<script type="text/javascript">
Lightbox.prototype.updateImageList = function() {
    this.updateImageList = Prototype.emptyFunction; 

    var hoverTimeout, delayMilliseconds = 2000;
    document.observe('mouseover', (function(event){
        var target = event.findElement('a[rel^=lightbox]')
            || event.findElement('area[rel^=lightbox]');
        if (target) {
            hoverTimeout = setTimeout(function(){
                event.stop();
                this.start(target);
            }, delayMilliseconds);
            target.one('mouseleave', function(){
                clearTimeout(hoverTimeout);
            });
        }
    }).bind(this));
};
</script>
于 2013-02-09T20:47:12.873 に答える
1

hoverIntent プラグインをチェックしてください。まさにあなたが探しているものだと思います :)。 http://cherne.net/brian/resources/jquery.hoverIntent.html

于 2013-02-09T20:45:20.330 に答える