使用 JQuery 在 IE 中完全加载 DOM 时显示 div

Question

仅当 DOM 完全加载时，我才需要显示包含幻灯片的 DIV。

我使用了这个脚本：

    <script type="text/javascript">
    $(window).load(function() {
        new Image("images/layout/wallpaper.jpg");
        new Image("images/layout/plates.png");

        $('#slideshow').css('display', 'block');
        $('#slideshow').nivoSlider({
            effect: 'fade',
            animSpeed: 500,
            pauseTime: 3000,
            directionNav: false,
            directionNavHide: false,
            controlNav: false,
            keyboardNav: false,
            pauseOnHover: false
        });
    });
    </script>

#slideshow DIV 被定义为显示：隐藏。在 Internet Explorer 中，DIV 从不显示。 我该如何解决这个问题？

======================================

编辑为：

    $(document).ready(function () {
        $(window).load(function() {
            new Image("images/layout/wallpaper.jpg");
            new Image("images/layout/plates.png");

            $('#slideshow').nivoSlider({
                effect: 'fade',
                animSpeed: 500,
                pauseTime: 3000,
                directionNav: false,
                directionNavHide: false,
                controlNav: false,
                keyboardNav: false,
                pauseOnHover: false
            });
            $('#slideshow').css('display', 'block');
        });
    });

仍然没有区别。 这是 #slideshow DIV 的 CSS：

#slideshow {
    z-index: 0;

   height: 457px;
   width: 660px;
   position: relative;
}

“display: none;”属性被定义为内联。

Answer 1

它很可能就是这么简单：

$('#slideshow').show()

另外，您使用 document.load 事件而不是使用 document.load 事件的任何原因：

$(document).ready(function (){

Answer 2

尝试等待 dom 准备好，例如：

$(document).ready( function () {
... your code inside the window load function ...
});