Javascript fadeOut（）和fadeIn（）在IE 11中不适用于滑块

这句话似乎在IE中看不懂，但在Chrome、Firefox和Safari中都能用。我不确定这在其他IE中是什么样子，但所讨论的IE是IE 11。问题是IE中没有显示任何类型的淡入淡出过渡，但我称之为淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出！在IE中，它只是笨拙地隐藏起来，然后显示下一张幻灯片。有没有想过为什么

$('.img-wrap .slideZ:first-child').fadeOut().next().fadeIn().end().appendTo('.img-wrap');

完整代码

HTML:

---

在IE11中运行良好。你在控制台里有什么错误吗？嗯，它对我不起作用！你查过链接了吗？小提琴在你的浏览器中不起作用吗？是的，它确实起作用了。。。所以这一定是某种冲突。包括淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出

<div class="paginateyo">
            <div class="prevbox">
            <img src="images/prev_arrow.jpg" id="prv" alt="Previous"/>
            <span class="prvp">previous</span>
            </div>
            /
            <div class="nextbox">
            <span class="nxtp">next</span>
            <img src="images/next_arrow.jpg" id="nxt" alt="Next"/>
            </div>
        </div>
        </div>  

        <div id="img-grp-wrap">
            <div class="img-wrap">
                <div class="slideZ">
                <img src="images/slide_image1.jpg" alt=""/>
                <div class="captionZ">aaaaaaaaaaaaaa
                </div>
                </div>
                <div class="slideZ">
                <img src="images/slide_image2.jpg" alt=""/>
                <div class="captionZ">bbbbbbbbbbbbbb
                </div>
                </div>
                <div class="slideZ">
                <img src="images/slide_image3.jpg" alt=""/>
                <div class="captionZ">cccccccccccccccc
                </div>
                </div>
                <div class="slideZ">
                <img src="images/slide_image4.jpg" alt=""/>
                <div class="captionZ">dddddddddddddddd
                </div>
                </div>
                <div class="slideZ">
                <img src="images/slide_image5.jpg" alt=""/>
                <div class="captionZ">eeeeeeeeeeeeeeeeee
                </div>
                </div>
                <div class="slideZ">
                <img src="images/slide_image6.jpg" alt=""/>
                <div class="captionZ">fffffffffffffffff
                </div>
                </div>
                <div class="slideZ">
                <img src="images/slide_image7.jpg" alt=""/>
                <div class="captionZ">gggggggggggggggggg
                </div>
                </div>
            </div>  

        </div>

$(document).ready(function() {
$('.img-wrap .slideZ:gt(0)').hide();
$('.nextbox').click(function() {
    $('.captionZ').fadeIn();
    $('.img-wrap .slideZ:first-child').fadeOut().next().fadeIn().end().appendTo('.img-wrap');
});
$('.prevbox').click(function() {
    $('.captionZ').fadeIn();
    $('.img-wrap .slideZ:first-child').fadeOut();
    $('.img-wrap .slideZ:last-child').prependTo('.img-wrap').fadeOut();
    $('.img-wrap .slideZ:first-child').fadeIn();
 });
});