0

div をクリックしたときにドロップダウン メニューを表示する小さなプラグインを作成しました。

以下は、それを機能させるためのコードです

$('#clickable_div').click(function() {
    $('#nav_menu').showMenu({
        parent:'#clickable_div' 
    });                
});

プラグインを使用した Jsfiddle : http://jsfiddle.net/HtNK3/

したがって、基本的に、ユーザーがドキュメント内の任意の場所をクリックしたときにドロップダウン div を非表示にする必要がある機能を追加したいのですが、開いているドロップダウン div ではありません。

これはどのように達成できますか？

4

2 に答える 2

2

私はこのようなものを使用しています:

//Close popup menus by clicking anywhere
$("body").mouseup(function(event){
        if (!$(event.target).hasClass("YOUR_CLASS_HERE")) {
        $("#nav_menu").hide();
    } 
});
于 2012-04-05T02:13:58.360 に答える
0

I would use setTimout when the mouse leaves the dropdown (mouseleaveevent) and then hide the div. Pretty common and easy.

Buggy but basic example: http://jsfiddle.net/HtNK3/5/

于 2012-04-05T02:06:46.333 に答える