0

ドロップダウンメニューに対して独自の遅延機能を実行しました。私はJavaScriptに少し慣れていないので、これをより良い方法で実行できるかどうか知りたいですか？

var $hasSubpages = $("#divContainer .classForPagesWithSubpages");

function theFunction(){$('#theID').find('.classForChild').slideDown(400);}

var timer;
$hasSubpages.hover(
    function (){
        timer = setTimeout(theFunction, 500);
        $(this).attr('id','theID');
    },
    function(){
        clearTimeout(timer);
        $(this).attr('id','').find('.classForChild').slideUp(400);
    }
);
4

2 に答える 2

1

そのためにすでに開発されたhoverIntentという名前の美しいプラグインがすでにあります。

http://plugins.jquery.com/project/hoverIntent

それがどのように機能するかを理解する助けが必要な場合は、私はあなたに言うことができます。それ以外の場合は、操作が非常に簡単です。

于 2011-04-04T05:17:18.097 に答える
0

delay（）関数を使用する

$('#test').slideDown(500).delay(3000).slideUp(500);

これにより、要素が3秒間スライドダウンしてから、上にスライドして戻ります。

http://jsfiddle.net/wanJf/で実例を確認してください

于 2011-04-04T08:06:21.510 に答える