-2

現在、ホバーで動作します。モバイルデバイスで適切に動作するように、クリックのみで動作するようにする必要があります。

.navは#accessする必要があるのですが、その後迷います。wordpress の css と一致するように .nav を変更するにはどうすればよいですか?

http://webdesigntutsplus.s3.amazonaws.com/tuts/378_tessa/tessa-lt-dropdowns-21c7868/index.htmlをワードプレスで動作させようとしています。

http://jsfiddle.net/scottbotkins/dbW2Q/

    var ww = document.body.clientWidth;

$(document).ready(function() {
    $(".nav li a").each(function() {
        if ($(this).next().length > 0) {
            $(this).addClass("parent");
        };
    })

    $(".toggleMenu").click(function(e) {
        e.preventDefault();
        $(this).toggleClass("active");
        $(".nav").toggle();
    });
    adjustMenu();
})

$(window).bind('resize orientationchange', function() {
    ww = document.body.clientWidth;
    adjustMenu();
});

var adjustMenu = function() {
    if (ww < 768) {
        $(".toggleMenu").css("display", "inline-block");
        if (!$(".toggleMenu").hasClass("active")) {
            $(".nav").hide();
        } else {
            $(".nav").show();
        }
        $(".nav li").unbind('mouseenter mouseleave');
        $(".nav li a.parent").unbind('click').bind('click', function(e) {
            // must be attached to anchor element to prevent bubbling
            e.preventDefault();
            $(this).parent("li").toggleClass("hover");
        });
    } 
    else if (ww >= 768) {
        $(".toggleMenu").css("display", "none");
        $(".nav").show();
        $(".nav li").removeClass("hover");
        $(".nav li a").unbind('click');
        $(".nav li").unbind('mouseenter mouseleave').bind('mouseenter mouseleave', function() {
            // must be attached to li so that mouseleave is not triggered when hover over submenu
            $(this).toggleClass('hover');
        });
    }
}
4

1 に答える 1

0

簡単な回避策は削除のようなものです

 #access ul li:hover > ul {
    display: block;
}

cssと

このjQueryコードを追加します

$('#menu-navigation li').click(function(){
       $(this).find('.sub-menu').show();
        $(this).siblings().find('.sub-menu').hide();
});

探しているものを取得するには、コードを変更する必要があります。

于 2013-03-19T09:57:21.193 に答える