Javascript 使用jQueryUI嵌套accordion,在IE7中向下推列表内容

Javascript 使用jQueryUI嵌套accordion,在IE7中向下推列表内容,javascript,jquery,html,css,jquery-ui,Javascript,Jquery,Html,Css,Jquery Ui,你好,我有一个jQueryUI,里面有一个嵌套列表。2月19日,当您将鼠标悬停在选项卡上时,会看到另一个手风琴出现在手风琴内。当你点击2001年11月。会出现一个列表,但在IE7中,每次您将鼠标移到2001年11月的选项卡上,内容都会被按下。我已经倾注于此,并发现了类似问题的帖子,但没有得到任何帮助。请复习我的小提琴 $(文档).ready(函数(){ $(“ul.docsAccordion”).手风琴({ 可折叠的:是的, 活动:错误, 高度样式:“内容” });//结束jquery用户界面

你好,我有一个jQueryUI,里面有一个嵌套列表。2月19日,当您将鼠标悬停在选项卡上时,会看到另一个手风琴出现在手风琴内。当你点击2001年11月。会出现一个列表,但在IE7中,每次您将鼠标移到2001年11月的选项卡上,内容都会被按下。我已经倾注于此,并发现了类似问题的帖子,但没有得到任何帮助。请复习我的小提琴

$(文档).ready(函数(){
$(“ul.docsAccordion”).手风琴({
可折叠的:是的,
活动:错误,
高度样式:“内容”
});//结束jquery用户界面手风琴
var x=$(“div.masthead a:first”).attr('href');//检查页面中的链接以获取查询字符串法语或英语
var lang=x.slice(-2);
如果(lang==='fr'){
//将datatable.min.js中的英语替换为法语
ValsOrdDn=:牛角包;
ValsSoTUp=牛角包:
var locale=“fr”;
}
$('table#docListTable')。数据表({//table#docListTable在一页上初始化多个表
“语言”:{
“奥里亚”:{
“Sortascending”:sortup,
“sSortDescending”:sortdn
}
},
“bFilter”:false,//隐藏筛选器
“paging”:false,//关闭多个分页情况并非如此
“bInfo”:false//在表的底部隐藏条目信息
} );
});
/*************嵌套手风琴************************/
输入:焦点{大纲:无;}
a{
颜色:#000000;
大纲:无!重要;
}
保险商实验室{
边缘顶部:20px;
列表样式类型:无;
保证金:0;
填充:0;
}
.singleColumn li h2{左填充:20px;}
docsAccordion先生{
背景色:#fbf5db;
字体系列:“Helvetica”;
字体大小:粗体;
字号:1em;
颜色:#000000;
}
ul.docsAccordion>li{
边框底部:厚实#ffffff;
文本对齐:左对齐;
}
/***关闭手风琴h3和h2内的链接***/
ul.docsacordion>lia:link{
文字装饰:无!重要;
颜色:#000000!重要;
}
李a:悬停{
文字装饰:无;
颜色:#000000;
填充:0px;
边际:0px;
}
李:参观了{
文字装饰:无!重要;
颜色:#000000!重要;
}
ul.docsacordion>li h2 a:悬停{
文字装饰:无!重要;
颜色:#000000!重要;
}
ul.docsAccordion>li h2 a:访问{
文字装饰:无!重要;
颜色:#000000!重要;
}
.dataTable a{/***打开dataTable内的链接***/
文字装饰:下划线!重要;
}
li.nestedElems{/*手风琴内列表*/
左侧填充:5px!重要;
左边距:0px!重要;
边框底部:无;
背景色:#ffffff;
文本对齐:左对齐;
边框:1px实心#eee6b5;
}
ul.insideacor>li{
填充:10px 0 10px 0;
背景色:#ffffff;
边缘底部:2px;
左边距:0px;
文本对齐:左对齐;
字体大小:正常;
字体大小:1.2米;
}
表#docListTable>tbody>tr>td a:已访问{
文字装饰:无!重要;
颜色:#800080;
}
ul.insideacorlist>li{
填充:5px 0 5px 60px;
背景色:#ffffff;
边缘底部:2px;
文本对齐:左对齐;
字体大小:正常;
字体大小:1.2米;
边框顶部:1px实心#eee6b5;
}
/*手风琴列表中的样式链接*/
ul.insideacorlist li a:链接{
颜色:#0000ff!重要;
文字装饰:下划线!重要;
}
ul.insideacorlist李a:悬停{
颜色:#0000ff!重要;
文字装饰:下划线!重要;
}
李安:参观了{
文字装饰:下划线!重要;
颜色:#800080!重要;
}
ul.indentList>li{
左侧填充:20px;
}
noPadTop先生{
填充顶部:0!重要;
}
李·内斯特德莱马科{
利润上限:-20px;
}
h2.ui-accordion-header.ui-state-default{/*添加箭头*/
字体大小:1.2米;
背景图片:url(“/site resources/resource files/img/arrow lg.png”);
背景重复:无重复;
背景位置:0%50%;
宽度:100%;
}
h2.ui-accordion-header.ui-state-active{/*添加箭头*/
字体大小:1.2米;
背景图片:url(“/site resources/resource files/img/arrow lg dn.png”);
背景重复:无重复;
背景位置:0%50%;
宽度:100%;
}
h3.ui-accordion-header.ui-state-default{/*添加箭头*/
字体大小:1.2米;
左侧填充:15px;
背景图片:url(“/site resources/resource files/img/arrow sm.png”);
背景重复:无重复;
背景位置:5px3px;
宽度:95%;
}
h3.ui-accordion-header.ui-state-active{/*添加箭头*/
字体大小:1.2米;
左侧填充:15px;
背景图片:url(“/site resources/resource files/img/arrow sm dn.png”);
背景重复:无重复;
背景位置:5px3px;
宽度:95%;
}
李景泰{
背景色:#ffffff;
填充:3px0px 3px0px;
文本对齐:左对齐;
}
.单列h2{
字体大小:1.2米;
左边距:5px;
}
.单列h3{
字体大小:1.2米;
左边距:10px;
}

      • gsdrfg


创建了以下JSFIDLE进行测试:-我无法复制问题,或者我不确定问题是什么。您好,问题出在IE7中,幸运的是,我们有一些使用IE7的遗留应用程序。JSFIDLE在开发工具的IE7模拟器中似乎不起作用。我不知道如何测试它?谢谢