代码之家 › 专栏 › 技术社区 › Iznogood

JQueryUI手风琴与一个自定义锚在IE8

jquery-ui-accordion jquery-ui jquery

1

Iznogood · 技术社区 · 14 年前

        $(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中,它显示ok,但是当我点击img时,什么也没有发生。

IE8确实显示了jquery中的一个错误: 第4083行jquery.js文件我出错了。

但没有铬。

如果我改变了h3标签的img,一切正常。那么我可以在ie8中为jqueryui手风琴更换锚吗?

我只是试着给一个类设置header,然后给每个img一个类,但是除了IE,它在任何地方都能正常工作。

3 回复 | 直到 14 年前

1

2

Iznogood 14 年前

表演太差劲了,以至于我们打算在项目中放弃手风琴。

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

2

1

Joshua Burns 14 年前

<img src="myimage.png" style="display:block;" /> . 如果这不起作用,我的假设是IE8没有把图像标签当作正常的标签来对待(这并不奇怪)。

3

1

Mike Thone 13 年前

在IE8中,jqueryui手风琴也有同样的问题。我使用img作为自定义头(通过将class设置为header),在<internetexplorer8中遇到错误。我的代码如下所示:

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

我不需要修改我的脚本,只需要修改我的html。我成功地用div标记包装了我的定制img头,并使其具有一个类头。所以 <img class="header".../> <div class="header"><img ... />...</div>

谢谢你的小费