Javascript 滑出菜单不工作,NetBeans一直显示语法错误
我试图制作一个滑出菜单,但netbeans一直说语法不正确 控制台显示:ReferenceError:jQuery未定义[Meer info]navbar.js:16:1 上面的文件是在一个菜单php文件,我已经包括在每一页 我无法找到错误所在的位置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”); });
$(文档).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");
});
});