2011-08-16 24 views
0

我有这样的菜单:jQuery的菜单和IE

<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,当我删除I​​nternet临时文件时,菜单奇迹般地出现,而不刷新页面。

This is the JQ accordion that I use

this is the Test Site Link

回答

0

的问题是关于这个CSS样式:

.js #main .accordion {visibility:hidden} 

我只是删除了这一点,所有工作得很好。

0

错误似乎采取在IE怪异模式的地方(IE 7-9标准模式确实显示菜单)

Chrome和IE都抛出一个错误:Autocomplete is not defined

我不认为问题是手风琴家,请尝试删除/修复以下内容以查看手风琴是否在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(); 
    } 
}); 
+0

是的,我必须解决与另一个脚本的冲突才能使用Autocomplete,但我现在已经删除它,问题仍然存在。 非常不好的问题是我必须在quirksmode中工作,因为电子商务提供程序不能使用html声明。 我不知道htere是否是强制声明的伎俩。 – lizardhr

+0

我试图设置菜单显示:块,内联块...没有,菜单还没有出现。请给我一些想法。我被封锁了。 – lizardhr

+0

如果禁用在页面加载时弹出的alert(),菜单是否显示? – MikeM