Question

我的网页上有一个非常简单的手风琴，我用它初始化：

        $(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中显示错误：在jquery.js的第4083行，我收到了一个错误。

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

但Chrome中没有。

如果我更改h3标签的img，一切都按预期工作。那么我可以在ie8中改变jqueryui手风琴的锚吗？

我只是尝试将标题设置为一个类并将该类提供给每个img，但它仍然在IE中随处可用。

Answer 1

哦，我通过将我的img包装在一个带有类的div中来实现它，并且我将头设置为此类，并且它在IE8中工作。

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

我将问题保持开放，因为我没有回答我的问题，而是找到了一个有效的解决方法。因此，如果有人发布了真正的解决方案，我会接受答案。

Answer 2

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

Answer 3

我在IE8中遇到了与jQuery UI手风琴相同的问题。我使用img作为自定义标头（通过将类设置为标头）并在＆lt;中获取错误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

JQueryUI手风琴在IE8中使用自定义锚

3 个答案: