javascript - それを行うには、コンテンツの表示部分をクリックできますか？

Question

http://phplist.xxmn.com/menu.html

マウスをナビゲーションに合わせたとき（cpanel）。その下に対応するコンテンツが表示されます。しかし、私はその中のリンクをクリックすることはできません。それを取得する方法はありますか。setTimeoutを使用することを知っています。でもどうしたらいいのかわからない。ありがとうございました。

値をsmallに変更するtopと、IE7およびIE6では、表示されているコンテンツのリンクをクリックできません。

Answer 1

良い方法ではありませんが、あなたのために働きます、より良い方法：cssを使用してくださいtop = 20px：

var timeout;

$(function(){ // = document.ready
    $("#nav ul li").hover(function() {
        $(this).find(".sub-menu").show();
        clearTimeout(timeout);
    }, function() {

        var timeout = setTimeout(function(){
            $(this).find(".sub-menu").hide();
        },1000); // 1000 = 1 second
    });
});

Answer 2

コンテンツdivをより近く、より適切にメニュー要素の隣に配置し、表示と非表示の方法を変更する必要があります。メニューmouseoverでは表示し、コンテンツmouseoutでは非表示にします。これが最も簡単なアプローチだと思います。

Answer 3

$(document).ready(function () {    
    $("#nav ul li").on('mouseenter', function () {
        $('#nav ul li').find(".sub-menu").hide();
        $(this).find(".sub-menu").show();
    });

    $('.sub-menu').on('mouseleave click', function () {
        $(this).hide();
    });
});