Jquery Pikachoose 插件在 IE 中给出不寻常的结果

Question

我用过Jquery Pikachoose我的页面上的插件可将一些图像显示为幻灯片。

但在 IE 中，它不是滑动图像，而是以完整 View 打开同一页面中的图像。

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

如何解决这个问题

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

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 中选择的皮卡选项

    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}); });

在其他浏览器中工作正常

调查结果

1. 如果我删除 <a> <img> ，这会阻止脚本打开图像
2. 官方页面提供的demo也是这样的

Answer 1

尝试添加/删除/更改 html 文档的 DOCTYPE，因为我发现 IE 由于 doctype 设置而导致问题。

此外，尝试删除 img 标签中的结束斜杠 ()

如果上述任一方法有效，则将工作演示与您的文档类型进行比较，看看您是否错过了正确的 doctype 标记...