Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/87.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
jquery导航中的IE 9/10全局代码错误_Jquery_Ajax_Windows_Function_Internet Explorer - Fatal编程技术网

jquery导航中的IE 9/10全局代码错误

jquery导航中的IE 9/10全局代码错误,jquery,ajax,windows,function,internet-explorer,Jquery,Ajax,Windows,Function,Internet Explorer,我在IE 10和更低版本中有jquery代码错误,这是导航支架 导航出现错误,microsoft page说并使用varinsead,但如何在中使用var。find()函数 代码如下: 编辑:jquery代码与导航菜单4+级协同工作, 我想我不需要他们在移动版的菜单,但需要捕捉多个层次 这是菜单的完整代码 $(“导航div”)。单击(函数(){ $(“ul”).slideToggle(); $(“ul”).css(“显示”、“无”); 美元(“资产净值”)。切换类别(“资产净值”); });

我在IE 10和更低版本中有jquery代码错误,这是导航支架

导航出现错误,microsoft page说并使用
var
insead,但如何在中使用
var
find()
函数

代码如下:

编辑:jquery代码与导航菜单4+级协同工作, 我想我不需要他们在移动版的菜单,但需要捕捉多个层次

这是菜单的完整代码

$(“导航div”)。单击(函数(){
$(“ul”).slideToggle();
$(“ul”).css(“显示”、“无”);
美元(“资产净值”)。切换类别(“资产净值”);
});
$(“资产净值”)。单击(功能(e){
$(this.find(“>ul”).slideToggle();
$(this.find(“>ul”).css(“display”,“none”);
$(this.find(“>ulli”).removeClass(“on”);
$(this.toggleClass(“on”);
e、 停止传播();
});
$(窗口)。调整大小(函数(){
如果($(窗口).width()>768){
$(“ul”).removeAttr('style');
}
});
nav-ul{
保证金:0;
填充:0;
列表样式类型:无;
背景:#e3;
位置:相对位置;
}
李海军{
显示:内联块;
位置:相对位置;
}
导航a{
颜色:#292929;
文字装饰:无;
填充:15px 30px 15px 15px;
显示:块;
位置:相对位置;
}
.在>上,
导航李:悬停>a{
背景:浅灰色;
}
导航ul{
位置:绝对位置;
最高:100%;
最小宽度:200px;
背景:浅灰色;
显示:无;
}
导航ul{
左:100%;
排名:0;
}
李国宝{
显示:块;
背景:#e3;
}
李国宝{
背景:#eee;
}
/*现在不要把点击和悬停混淆
导航ulli:悬停ul{
显示:块;
}
*/
李海军一号{
颜色:#292929;
浮动:对;
左侧填充:20px;
}
导航部{
背景:浅灰色;
颜色:#292929;
字体大小:24px;
填充:0.6em;
光标:指针;
显示:无;
}
导航a:非(:独生子女):之后{
内容:“;
位置:绝对位置;
右:10px;
最高:50%;
利润上限:-3px;
宽度:0;
身高:0;
左边框:6px实心透明;
右边框:6px实心透明;
边框顶部:6px实心#000;
过渡:所有0.5s线性;
}
导航李:悬停>a:之后{
边框顶部颜色:红色;
}
.on>a:not(:独生子女):之后{
变换:旋转(-90度);
}
ul.on>a:非(:独生子女):之后{
变换:旋转(-90度);
}
@介质(最大宽度:768px){
导航部{
显示:块;
}
导航ul{
显示:无;
位置:静态;
背景:#e3;
}
李国荣{
显示:块;
过渡:边界0.5s宽;
}
导航ul{
位置:静态;
背景:#e3;
}
ul.on>a:非(:独生子女):之后{
变换:旋转(-180度);
}
李安{
背景:#fff;
}
李安{
边框颜色:#aaa;
}
李安{
边框颜色:#ccc;
}
}

菜单

好的,我在jquery代码中删除了>它们,它可以正常工作,但会出错 在IE/8上添加了VentListener

从文档中,我们可以看到addEventListener方法支持IE9+,对于旧版本的IE,我们可以使用该方法

示例代码如下:

<table id="outside">
    <tr><td id="t1">one</td></tr>
    <tr><td id="t2">two</td></tr>
</table>
IE8中的结果如下所示:

此外,当我在我这边使用您的代码时,它将显示此问题:

此问题似乎与JQuery引用有关,请尝试从以下位置替换引用:

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

致:


然后像这样打开导航栏(F12开发者控制台工具中没有错误):


查找(…)
调用中,您真的需要
吗?我并不是说这是错误的,但我从来没有见过这样使用它,到目前为止,我还没有找到任何例子。你可以发布相关的Html代码(关于导航栏)来重现问题,如中所示。我使用find方法创建了一个示例来查找与您类似的元素(例如
$(“.nav”).find(“>span”)
),它似乎在IE9+中运行良好。因此,也许问题与其他代码有关,您最好创建一个示例来重现它,我们可能更容易帮助您解决问题。好的,我在jquery代码中删除了>它们,它工作正常,但在IE/8
addEventListener
上出错。所以您希望我降低jquery的级别,对吗?并将表替换为div?我现在更改了一点代码,添加了add
addEventListener()
并引用了jquery,我现在不在电脑上,回来后会检查它。是的,你可以降级jquery引用。表示例代码只是使用addEventlistener()方法的一个示例。
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://code.jquery.com/jquery-1.12.4.js"
        integrity="sha256-Qw82+bXyGq6MydymqBxNPYTaUXXq7c8v3CwiYwLLNXU="
        crossorigin="anonymous"></script>