Question

我正在尝试创建一个移动导航菜单，但由于一些奇怪的原因，代码将无法正常工作。我觉得这与css有关，但我不确定。我创建了一个JS Fiddle来玩它。我希望单击小按钮时打开菜单。 JavaScript不能读取请求...

Java脚本

jQuery(document).ready(function () {
jQuery("#hamburger").click(function () {

    jQuery('#content').css('min-height', jQuery(window).height());

    jQuery('nav').css('opacity', 1);
    var contentWidth = jQuery('#content').width();
    jQuery('#content').css('width', contentWidth);
    jQuery('#contentLayer').css('display', 'block');
    jQuery('#container').bind('touchmove', function (e) {
        e.preventDefault();
    });
    jQuery("#container").animate({"marginLeft": ["70%", 'easeOutExpo']}, {
        duration: 700
    });
});
jQuery("#contentLayer").click(function () {
    jQuery('#container').unbind('touchmove');
    jQuery("#container").animate({"marginLeft": ["-1", 'easeOutExpo']}, {
        duration: 700,
        complete: function () {
            jQuery('#content').css('width', 'auto');
            jQuery('#contentLayer').css('display', 'none');
            jQuery('nav').css('opacity', 0);
            jQuery('#content').css('min-height', 'auto');
        }
    });
});
});

Answer 1

看起来你没有在你的jfiddle中加载jquery。当我加载jQuery时，它对我有用。

点击Javascript，然后点击＆＃34; FRAMEWORKS＆amp; EXTENSIONS＆＃34;并至少添加jQuery 1.12。

移动导航栏不会退出？

1 个答案: