Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/449.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 滑出菜单不工作,NetBeans一直显示语法错误_Javascript_Jquery_Html_Css - Fatal编程技术网

Javascript 滑出菜单不工作,NetBeans一直显示语法错误

Javascript 滑出菜单不工作,NetBeans一直显示语法错误,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我试图制作一个滑出菜单,但netbeans一直说语法不正确 控制台显示:ReferenceError:jQuery未定义[Meer info]navbar.js:16:1 上面的文件是在一个菜单php文件,我已经包括在每一页 我无法找到错误所在的位置 $(文档).ready(函数(){ $(“.fa次”)。单击(函数(){ $(“.sidebar_menu”).addClass(“hide_menu”); $(“.toggle_menu”).addClass(“不透明性_one”); });

我试图制作一个滑出菜单,但netbeans一直说语法不正确

控制台显示:ReferenceError:jQuery未定义[Meer info]navbar.js:16:1

上面的文件是在一个菜单php文件,我已经包括在每一页

我无法找到错误所在的位置

$(文档).ready(函数(){
$(“.fa次”)。单击(函数(){
$(“.sidebar_menu”).addClass(“hide_menu”);
$(“.toggle_menu”).addClass(“不透明性_one”);
});    
$(“.toggle_menu”)。单击(函数(){
$(“.sidebar_menu”).removeClass(“hide_menu”);
$(“.toggle_menu”).removeClass(“不透明性_one”);
});
});
/*菜单2*/
.切换菜单{
位置:固定;
填充:15px 20px 15px 15px;
利润上限:70像素;
颜色:白色;
光标:指针;
背景色:#648b79;
z指数:1000000;
字号:2em;
不透明度:0;
}
.侧边栏菜单{
位置:固定;
宽度:250px;
左边距:0px;
溢出:隐藏;
高度:100vh;
最大高度:100vh;
背景色:rgba(17,17,17,0.9);
不透明度:0.9;
过渡:所有0.3秒的缓进缓出;
}
.fa时代{
右:10px;
顶部:10px;
不透明度:0.7;
光标:指针;
位置:绝对位置;
颜色:白色;
过渡:所有0.3秒的缓进缓出;
}
.fa次:悬停{
不透明度:1;
}
.盒装物品{
字体系列:“开放式SAN”;
字号:200;
填充:10px 20px;
显示:内联块;
边框:纯色2px白色;
框大小:边框框;
字体大小:22px;
颜色:白色;
文本对齐:居中;
利润上限:70像素;
}
.logo_bold{
字号:800;
}
.logo_标题{
颜色:白色;
字体系列:“开放式SAN”;
字号:200;
字体大小:12px;
文本对齐:居中;
填充:5px0;
}
.导航和选择{
利润率:20px0;
显示:块;
宽度:200px;
左边距:25px;
}
.导航项目{
字号:200;
字体系列:“开放式SAN”;
颜色:白色;
填充:12px0;
框大小:边框框;
字体大小:14px;
颜色:#D8D8D8;
边框底部:实心1px#d8d8;
过渡:所有0.3秒的缓进缓出;
光标:指针;
}
.盒装物品{
字体大小:12px;
颜色:#D8D8D8;
宽度:200px;
过渡:所有0.3秒的缓进缓出;
光标:指针;
边框宽度:1px;
利润率:0.20px0;
}
.盒装物品\u较小:悬停{
背景色:白色;
颜色:#111;
过渡:所有0.3秒的缓进缓出;
}
.隐藏菜单{
左边距:-250px;
}
1{
不透明度:1;
过渡:所有0.3秒的缓进缓出;
}

测试

您的html无效,这就是jquery未加载的原因

脚本标记中src属性后缺少>

<script src="http://code.jquery.com/jquery-1.10.1.min.js"</script>

谢谢,这一定是复制粘贴的结果,但仍然不起作用。@RobbyMorals检查更新。单击事件函数拼写错误。经过这一修正后,它将完美地工作。
<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
$(document).ready(function() {
  $(".fa-times").click(function() {
    $(".sidebar_menu").addClass("hide_menu");
    $(".toggle_menu").addClass("opacity_one");

  });
  $(".toggle_menu").click(function() {
    $(".sidebar_menu").removeClass("hide_menu");
    $(".toggle_menu").removeClass("opacity_one");
  });
});