Jquery 他工作不正常

PrettyTo未在IE7上正确显示。我在图库中有3张图片，只有当我点击第三张图片时，图片覆盖才会出现，其他图片的行为与普通图片一样（它只是转到图片位置）

这是我的代码：

<ul class="gallery clearfix">
            <li><a href="images/j/DSCN0868.jpg" rel="prettyPhoto[gallery1]" title="Hermoso "><img src="images/j/DSCN0868.jpg" width="250" height="180" alt="" /></a></li>
            <li><a href="images/j/DSCN0863.jpg" rel="prettyPhoto[gallery1]"><img src="images/j/DSCN0863.jpg" width="250" height="180" alt="" /></a></li>
            <li><a href="images/j/DSCN0855.jpg" rel="prettyPhoto[gallery1]"><img src="images/j/DSCN0855.jpg" width="250" height="180" alt="" /></a></li>
                        </ul>

Javascript：

<link rel="stylesheet" href="prettyPhoto/css/prettyPhoto.css" type="text/css" media="screen" title="prettyPhoto main stylesheet" charset="utf-8" />
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<script src="prettyPhoto/js/jquery.prettyPhoto.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" charset="utf-8">
    $(document).ready(function(){
            $("area[rel^='prettyPhoto']").prettyPhoto();

            $(".gallery:first a[rel^='prettyPhoto']").prettyPhoto({animation_speed:'normal',theme:'light_rounded',slideshow:3000, autoplay_slideshow: false});
            $(".gallery:gt(0) a[rel^='prettyPhoto']").prettyPhoto({animation_speed:'fast',slideshow:10000, hideflash: true});

            $("#custom_content a[rel^='prettyPhoto']:first").prettyPhoto({
                    custom_markup: '<div id="map_canvas" style="width:260px; height:265px"></div>',
                    changepicturecallback: function(){ initialize(); }
            });

            $("#custom_content a[rel^='prettyPhoto']:last").prettyPhoto({
                    custom_markup: '<div id="bsap_1259344" class="bsarocks bsap_d49a0984d0f377271ccbf01a33f2b6d6"></div><div id="bsap_1237859" class="bsarocks bsap_d49a0984d0f377271ccbf01a33f2b6d6" style="height:260px"></div><div id="bsap_1251710" class="bsarocks bsap_d49a0984d0f377271ccbf01a33f2b6d6"></div>',
                    changepicturecallback: function(){ _bsap.exec(); }
            });
    });
</script>

$（文档）.ready（函数（）{
$（“区域[rel^='prettypto']）；
$（“.gallery:first a[rel^='prettypto']”）。prettypto（{动画速度：'normal'，主题：'light\u rounded'，幻灯片放映：3000，自动播放幻灯片放映：false}）；
$（“.gallery:gt（0）a[rel^='prettypto']”）；
$（“#自定义内容a[rel^='prettypto']：first”）。prettypto({
自定义标记：“”，
changepicturecallback:function（）{initialize（）；}
});
$（“#自定义内容a[rel^='prettypto']：last”）。prettypto({
自定义标记：“”，
changepicturecallback:function（）{u bsap.exec（）；}
});
});

---

谢谢

尝试将与此库相关的js代码更改为：

        $(".gallery li:first a").prettyPhoto({animation_speed:'normal',theme:'light_rounded',slideshow:3000, autoplay_slideshow: false});
        $(".gallery li").slice(1).children('a').prettyPhoto({animation_speed:'fast',slideshow:10000, hideflash: true});

那么应该工作了：D

---

顺便说一句，当问这样一个问题时，包括一个示例的链接，或者最好是一个JSFIDLE演示。

我看到的是，您正在3-4个不同的选择器上调用prettypto（），您确定这些选择器不会多次包含一个元素吗？这个原因可能是原因的根源

---

尝试总结每个选择器中匹配元素的长度来测试这一点。

建议，如果您对所有设置进行JSFIDLE，您将更快地解决这个问题。您需要提供指向实际页面的链接，或者显示问题。为了能够解决您的问题，我首先必须重新创建它，以便能够看到问题是什么-我不会花时间尝试重新创建问题。