jquery - jQuery Pikachoose插件在IE中产生异常结果

我在页面上使用了Jquery Pikachoose插件以幻灯片显示某些图像。

但是在IE中，它不会以滑动的方式显示图像，而是以同一视图在同一页面中以完整视图打开图像。

有趣的是，如果在脚本打开图像之前，如果我自己通过单击缩略图来更改幻灯片，那么从现在开始，它可以正常工作。

如何解决这个问题

我从数据库中获取图像名称，并显示如下

echo
'<div id="slideShow" class="sublayout pikachoose">
    <ul id="pikame">';
        while($row = mysql_fetch_array($result)) {
            extract($row);
            echo
            '<li>
                <a href="images/slideshow/'.$image.'">
                        <img src="images/slideshow/th_'.$image.'" title='.$title.' alt='.$title.'/>
                </a>
                <span>'.$title.'</span>
            </li>';
        }
    echo
    '</ul>
</div>';

这是我在pikachoose.js中的pikachoose选项

    var defaults = {
        show_captions: true,
        auto_play: true,
        show_prev_next: true,
        slide_speed: 5000,
        thumb_width: 26,
        thumb_height: 20,
        buttons_text: { play: "", stop: "", previous: "Previous", next: "Next" },
        delay_caption: true,
        user_thumbs: false,
        transition:[-1],
        IESafe: true
    };

我使用此方法初始化插件（也在单独的文件中）

$(document).ready(function (){ $("#pikame").PikaChoose({auto_play:true, IESafe: true}); });

在其他浏览器上工作正常

发现


如果删除<a>和<img>，这将阻止脚本打开图像
官方页面中提供的演示也具有以下行为

最佳答案

尝试为html文档添加/删除/更改DOCTYPE，因为我已经看到IE由于doctype设置而导致了问题。

另外，请尝试从img标签（）中删除斜杠

如果以上任何一种方法都可以，请比较工作演示和您的文档类型，以便查看是否错过了正确的doctype标签...