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

【问题标题】：Jquery Pikachoose plugin giving unusual results in IEJquery Pikachoose 插件在 IE 中给出不寻常的结果
【发布时间】：2011-03-02 03:02:16
【问题描述】：

我在我的页面上使用了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> ，这会阻止脚本打开图像
官方页面提供的demo也是这样的

【问题讨论】：

您能确认您使用的是哪个版本的 pikachoose 吗？ 3.1？ 3.3?
哪个IE版本失败了？全部？
我在 IE7 和 IE8 中测试了他们的演示，它在这里工作......
@Guffa，下载的demo有问题
@Starx：啊哈，你所说的“官方页面提供的demo”不是指官方页面提供的demo……；）我下载了代码并在IE8中测试了demo ，它在这里工作得很好......我将在代码中达到一个高峰......

标签： jquery internet-explorer cross-browser

【解决方案1】：

您是否尝试过设置 img 标签的高度/宽度？绕过 IE7 Quirks。

【讨论】：

实际上，如果我从链接的href 部分删除链接，它不会触发。可能在脚本里面的某个地方，Pikachoose 是在 IE 的情况下使用 click 方法转到下一张幻灯片，我什至试图找到它，但到目前为止没有运气。

【解决方案2】：

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

另外，请尝试从 img 标签 () 中删除右斜杠

如果上述任何一个都有效，那么比较工作演示和您的文档类型，看看您是否错过了正确的 doctype 标签...

【讨论】：

【解决方案3】：

哪个实际的 IE（有 3 个仍在使用）？根据版本，您可以让它尖叫 ar 用户让它切换到“兼容模式”。此外，如果您可以确保您具有严格的 XHTML 格式（标题和 alt 在您的 sn-p 中没有双引号），包括可能有帮助的 DOCTYPE。尝试为第一张图片使用空标签（只是一个没有内容的标签，如果需要，可以在 href 中给它一个空白/透明图片）

【讨论】：

是的，我尝试过使用 doctype 并且几乎每个版本都有错误