我有这个菜单:
<script type="text/javascript">
<!--//--><![CDATA[//><!--
$("html").addClass("js");
$.fn.accordion.defaults.container = false;
$(function() {
$("#acc3").accordion({initShow : "#current"});
$("#acc1").accordion({
el: ".h",
head: "h4, h5",
next: "div",
initShow : "div.outer:eq(1)"
});
$("#acc2").accordion({
obj: "div",
wrapper: "div",
el: ".h",
head: "h4, h5",
next: "div",
showMethod: "slideFadeDown",
hideMethod: "slideFadeUp",
initShow : "div.shown"
});
$("html").removeClass("js");
});
//--><!]]>
</script>
<!--<![endif]-->
<div id="menuesq_container">
<div id="main">
<div class="marcadorMenuEsq">
<h2 class="hMarcador">Produtos</h2></div>
<div id="acc2" class="accordion">
<h4>Panelas</h4>
<div class="inner">
<h5>PanelaA</h5>
<div class="inner">
<p>Panela1</p>
<p>Panela11</p>
<p>Panela12</p>
<p>Panela13</p>
</div>
<h5>PanelaB</h5>
<div class="inner">
<p>Panela2</p>
<p>Panela21</p>
<p>Panela22</p>
<p>Panela23</p>
</div>
<p>Panela3</p>
<p>Panela31</p>
<p>Panela32</p>
<p>Panela33</p>
</div>
<h4>Faca</h4>
<div class="inner shown">
<h5>FacaA</h5>
<div class="inner">
<p>Faca1</p>
<p>Faca12</p>
<p>Faca13</p>
</div>
<h5>FAcaB</h5>
<div class="inner">
<p>Faca2</p>
<p>Faca22</p>
<p>Faca23</p>
</div>
</div>
<h4>Frigideira</h4>
<div class="inner">
<p>Frigideira1</p>
<p>Frigideira12</p>
<p>Frigideira13</p>
<p>Frigideira14</p>
<p>Frigideira15</p>
<p>Frigideira16</p>
<p>Frigideira1</p>
<p>Frigideira12</p>
<p>Frigideira13</p>
<p>Frigideira14</p>
<p>Frigideira15</p>
<p>Frigideira16</p> <p>Frigideira1</p>
<p>Frigideira12</p>
<p>Frigideira13</p>
<p>Frigideira14</p>
<p>Frigideira15</p>
<p>Frigideira16</p> <p>Frigideira1</p>
<p>Frigideira12</p>
<p>Frigideira13</p>
<p>Frigideira14</p>
<p>Frigideira15</p>
<p>Frigideira16</p> <p>Frigideira1</p>
<p>Frigideira12</p>
<p>Frigideira13</p>
<p>Frigideira14</p>
<p>Frigideira15</p>
<p>Frigideira16</p> <p>Frigideira1</p>
<p>Frigideira12</p>
<p>Frigideira13</p>
<p>Frigideira14</p>
<p>Frigideira15</p>
<p>Frigideira16</p> <p>Frigideira1</p>
<p>Frigideira12</p>
<p>Frigideira13</p>
<p>Frigideira14</p>
<p>Frigideira15</p>
<p>Frigideira16</p> <p>Frigideira1</p>
<p>Frigideira12</p>
<p>Frigideira13</p>
<p>Frigideira14</p>
<p>Frigideira15</p>
<p>Frigideira16</p> <p>Frigideira1</p>
<p>Frigideira12</p>
<p>Frigideira13</p>
<p>Frigideira14</p>
<p>Frigideira15</p>
<p>Frigideira16</p> <p>Frigideira1</p>
<p>Frigideira12</p>
<p>Frigideira13</p>
<p>Frigideira14</p>
<p>Frigideira15</p>
<p>Frigideira16</p> <p>Frigideira1</p>
<p>Frigideira12</p>
<p>Frigideira13</p>
<p>Frigideira14</p>
<p>Frigideira15</p>
<p>Frigideira16</p> <p>Frigideira1</p>
<p>Frigideira12</p>
<p>Frigideira13</p>
<p>Frigideira14</p>
<p>Frigideira15</p>
<p>Frigideira16</p> <p>Frigideira1</p>
<p>Frigideira12</p>
<p>Frigideira13</p>
<p>Frigideira14</p>
<p>Frigideira15</p>
<p>Frigideira16</p> <p>Frigideira1</p>
<p>Frigideira12</p>
<p>Frigideira13</p>
<p>Frigideira14</p>
<p>Frigideira15</p>
<p>Frigideira16</p> <p>Frigideira1</p>
<p>Frigideira12</p>
<p>Frigideira13</p>
<p>Frigideira14</p>
<p>Frigideira15</p>
<p>Frigideira16</p> <p>Frigideira1</p>
<p>Frigideira12</p>
<p>Frigideira13</p>
<p>Frigideira14</p>
<p>Frigideira15</p>
<p>Frigideira16</p> <p>Frigideira1</p>
<p>Frigideira12</p>
<p>Frigideira13</p>
<p>Frigideira14</p>
<p>Frigideira15</p>
<p>Frigideira16</p> <p>Frigideira1</p>
<p>Frigideira12</p>
<p>Frigideira13</p>
<p>Frigideira14</p>
<p>Frigideira15</p>
<p>Frigideira16</p> <p>Frigideira1</p>
<p>Frigideira12</p>
<p>Frigideira13</p>
<p>Frigideira14</p>
<p>Frigideira15</p>
<p>Frigideira16</p>
</div>
</div> <!-- end Accordion 2 -->
</div>
</div>
</div></div>
它在 Chrome、FF、Safari 和 IE9 上运行良好。问题是 IE6、IE7 和 IE8 导航被隐藏。我在 IE6 上测试,当我删除 Internet 临时文件时,菜单会神奇地出现而无需刷新页面。
最佳答案
错误似乎发生在 IE quirksmode(IE 7-9 标准模式确实显示菜单)
Chrome 和 IE 都抛出错误:Autocomplete is not defined
我认为问题不是 Accordion ,尝试删除/修复以下内容以查看 Accordion 是否在 IE6+ 中工作
new Autocomplete('query', {
serviceUrl:'BuscaTermosProd.asp?IDLoja=12929',
minChars:2,
maxHeight:300,
width:370,
deferRequestBy:500,
showResults:1,
autoSubmit:false,
onSelect: function(value, data){
document.buscaprod.Texto.value=value;
document.buscaprod.submit();
}
});
关于jquery 菜单和 IE,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7081824/