jquery 菜单和 IE

标签 jquery html css

我有这个菜单:

 <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 临时文件时,菜单会神奇地出现而无需刷新页面。

This is the JQ accordion that I use

this is the Test Site Link

最佳答案

错误似乎发生在 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/

相关文章:

jquery - on() 不能为我完成 live() 工作

java - 不同的 ascii 表代码值?

html - 在 3 div 中将具有相同图像背景的布局分开

html - 在 Bootstrap Paginator 中更改链接/文本的字体大小

html - CSS 文件 : many statements or long statements? 中有什么更好的地方

css - 我怎样才能在可点击的内容上使用渐变 CSS?

javascript - jQuery .on 和 .trigger

javascript - Jquery 条件适用于除 safari 之外的所有浏览器

javascript - 在 IE8 中 : Create a custom event in vanilla JS and pick it up in Jquery

python - 如何使用Flask框架在浏览器上实时显示python脚本逐条执行的进度?