使用mmenu制作网站移动响应时的跨浏览器问题

时间:2013-12-14 20:54:47

标签: javascript jquery html css

基本上我的网站Unbotttled博客只适用于Mac上的safari,因为我添加了在jQuery上运行的mmenu,链接找到here。但是在移动设备和Firefox上,网站会闪现网站的实际外观,然后加载#menu-left div而不是实际的网站。如果我删除菜单左侧的JavaScript启动代码,它会显示菜单权限div。我已经怀疑问题是由于JavaScript启动代码,因为当我删除它时,可以从其他浏览器和手机访问网站。 这是javascript启动代码:

<script type="text/javascript">

        //  The menu on the left
        $(function() {
            $('nav#menu-left').mmenu();
        });


        //  The menu on the right
        $(function() {

            var $menu = $('nav#menu-right');

            $menu.mmenu({
                position    : 'right',
                classes     : 'mm-light',
                dragOpen    : true,
                counters    : false,
                searchfield : false,
                labels      : {
                    fixed       : !$.mmenu.support.touch
                },
                header      : {
                    add         : false
                }
            });

            //  Click a menu-item
            var $confirm = $('#confirmation');
            $menu.find( 'li a' ).not( '.mm-subopen' ).not( '.mm-subclose' ).bind(
                'click.example',
                function( e )
                {
                    e.preventDefault();
                    $confirm.show().text( 'You clicked "' + $.trim( $(this).text() ) + '"' );
                    $('#menu-right').trigger( 'close' );
                }
            );
        });
    </script>

0 个答案:

没有答案