2010-08-30 69 views
1

定制的锚我在我的网页非常简单的手风琴,我和初始化:jQueryUI的手风琴与IE8

 $(document).ready(function() { 
       $('#accordion').accordion({ 
        'autoheight':true, 
        'header': 'img' 
       }); 
     }); 

后来我:

     <div id="accordion"> 
         <img src="/public/images/btn_avant.gif" alt="" /> 
         <div> 
          <ul> 
           <li><a href="/">link</a></li> 
           <li><a href="/">link</a></li> 
          </ul> 
         </div> 
         <img src="/public/images/btn_pendant.gif" alt="" /> 
         <div> 
          du contenu 
         </div> 
         <img src="/public/images/btn_apres.gif" alt="" /> 
         <div> 
          du contenu 
         </div> 
        </div> 

,Chrome浏览器Firefox的作​​品完美但不在IE8中。在IE8中显示确定,但是当我点击img时,什么也没有发生。

IE8确实告诉我在jquery.js的第4083行的jquery中有一个错误: 我收到一个错误。

请求访问方法或意外属性。

但在Chrome中没有。

如果我更改im3的h3标签,一切都按预期工作。那么我可以在ie8中更换jqueryui手风琴的锚吗?

我只是尝试设置标题到一个类,并给每个img,但它继续工作,除了IE浏览器。

回答

2

唉,我通过将我的img封装在一个带有类的div中,并将它设置为此类的标题,并在IE8中工作,从而实现了它的工作。

表现很糟糕,我们正在考虑在我们的项目中放弃手风琴。

我会留下问题,因为我没有回答我的问题,因此找到了一个可行的解决方法。所以如果有人发布真正的解决方案,我会接受答案。

1

您可能想尝试设置图像标签上的style属性以显示:block。例如:<img src="myimage.png" style="display:block;" />。如果这不起作用,我的假设是,IE8不会将图像标记视为正常标记,因为它应该是(不是很大的惊喜)。

+0

是的它没有工作:(我想我可以得到它与H3内部的IMG工作,但实际上它应该是如此简单 – Iznogood 2010-08-30 21:33:56

1

我在IE8中的jQuery UI手风琴有同样的问题。我使用的IMG作为一个自定义页眉(通过设置类头),并获得在< Internet Explorer 8中我的代码中的错误看起来是这样的:

$(function() { 
     $("#accordion").accordion({ 
      collapsible: true, 
      active:false, 
      autoHeight: false, 
      header:'.header' 
     }); 
    }); 
    </script> 

我不需要改变我的脚本,只有我的HTML。我用一个div标签包装了我的自定义img头并使其具有一个头类。因此,而不是<img class="header".../>我用:<div class="header"><img ... />...</div>

谢谢你的提示了Iznogood

+0

谢谢。你真是太棒了! – Iznogood 2011-09-07 19:59:21