2011-08-16 25 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