Jquery Pikachoose插件在IE中提供不寻常的结果

前端之家收集整理的这篇文章主要介绍了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标签

原文链接:https://www.f2er.com/jquery/176180.html

猜你在找的jQuery相关文章