1

ドロップダウン メニューがあり、タッチ デバイス以外ではうまく機能します。iPad では、メニュー項目の 1 つをタッチすると、ドロップダウンが通常のように表示されますが、画面の他の場所をタッチしてもそこにとどまります。画面のどこかをタップするとメニューが消えるようにするにはどうすればよいですか? jsfiddle は次のとおりです。

http://jsfiddle.net/Jkfbm/

ここに私のjqueryがあります:

    $(document).ready(function(){
$('ul.nav_menu > li').hover(function() {
    $(this).children(".sub_menu")
        .stop(true, true)
        .animate({
            height:"toggle",
            opacity:"toggle"
        },600, 'easeInOutQuad')
        });
    });
4

2 に答える 2

0

このようなもの。それはあなたのトグルだと思いますが、他のデバイスやブラウザで動作するとあなたが言ったように、私は間違っている可能性があります。

$('li','.nav_menu'.hover(function(){
    $(this).animate({height:'100%','opacity':'1'},600);//plus I've noticed a syntax error on this line.
//unexpected bracket after 'easeInOutQuad'
},function(){
    $(this).animate({height:'0%','opacity':'0'},600);//putting back the animation.
});

私は間違っている可能性がありますが、何が起こるか見てみてください。

于 2013-03-10T21:06:13.113 に答える
0

私は現在これを試しています...誰かより良い提案ですか？

$(document).ready(function () {
    $('ul.nav_menu > li').hover(

    function () {
        $(this).children(".sub_menu")
            .stop(true, true)
            .animate({
            height: "toggle",
            opacity: "toggle"
        }, 600, 'easeInOutQuad');
    });
    $('html').click(function() {
        $(".sub_menu").hide();
    });
});
于 2013-03-10T22:12:58.027 に答える