1

私はこのウェブサイトに取り組んでいます：

ナビゲーションは、mac chrome やその他のブラウザーでうまく機能します。

たとえば、ブログをクリックすると、ブログに移動し、マウスを離すとメニューが非表示になります。

問題は、Ipad と Iphoneでメニューが常に開いたままになることです。理由はありますか?

これはアニメーション用の私のコードです:

    function Main_menu() {
        _menu = this;
        _menu.pw_protected_target = '';
        _menu.container = $('#header');
        _menu.logo = $('#logo');
        _menu.menu = $('#menu');
        _menu.form = $('#login');
        _menu.form_input = $('#form_input');
        _menu.form_submit = $('#submit')
        _menu.container.bind({
            'mouseenter' : _menu.open,
            'mouseleave' : _menu.close
        });
        _menu.form_submit.bind('click', function(){
            _menu.authenticate(_menu.form_input.val())
        })
        $('.tt').bind({
            'mouseenter' : function(){
                $('.tooltip')
                .addClass('fade in')
                .css({
                    'top' : $(this).offset().top - 5,
                    'left' : $(this).offset().left + $(this).width() + 10
                })
            },
            'mouseleave' : function(){
                $('.tooltip')
                .removeClass('fade in');
            }
        })

        $('.tt_shop').bind({
            'mouseenter' : function(){
                $('.tooltip_shop')
                .addClass('fade in')
                .css({
                    'top' : $(this).offset().top - 5,
                    'left' : $(this).offset().left + $(this).width() + 10
                })
            },
            'mouseleave' : function(){
                $('.tooltip_shop')
                .removeClass('fade in');
            }
        })
    }
4

1 に答える 1

1

iPad にマウスを正しく取り付けていますか? :)

タッチ デバイスには「mouseenter」または「mouseleave」イベントはありません。残念ながら、jQuery コアにはタッチ イベントがありません。このスレッドで見つけた提案のいくつかを使用できます。

iPadのSafariでjQueryを使用してタッチイベントを認識する方法は? 出来ますか？

あなたの場合、メニューの動作を変更して、タッチ時にメニューの表示/非表示を切り替えるのが最善だと思います。

于 2013-04-08T13:57:23.880 に答える