CeWP появляется в IE и в FF, но не в Chrome или Safari

Question

Я реализую слайдер Nivo в веб-части редактора контента, и он отображается и работает в Firefox и в Internet Explorer. Я ссылаюсь на текстовый документ через ссылку содержимого, и это то, что в тексте DOC:

<script type="text/javascript">
$(document).ready(function() {
    $('#slider2').nivoSlider({
        effect:'fade', // Specify sets like: 'fold,fade,sliceDown,slideInLeft'
        slices:15, // For slice animations
        boxCols: 8, // For box animations
        boxRows: 4, // For box animations
        animSpeed:250, // Slide transition speed
        pauseTime:5000, // How long each slide will show
        startSlide:0, // Set starting Slide (0 index)
        directionNav:true, // Next & Prev navigation
        directionNavHide:true, // Only show on hover
        controlNav:false, // 1,2,3... navigation
        controlNavThumbs:false, // Use thumbnails for Control Nav
        controlNavThumbsFromRel:false, // Use image rel for thumbs
        controlNavThumbsSearch: '.jpg', // Replace this with...
        controlNavThumbsReplace: '_thumb.jpg', // ...this in thumb Image src
        keyboardNav:true, // Use left & right arrows
        pauseOnHover:false, // Stop animation while hovering
        manualAdvance:false, // Force manual transitions
        captionOpacity:0.8, // Universal caption opacity
        prevText: 'Prev', // Prev directionNav text
        nextText: 'Next' // Next directionNav text
    });
});
</script>
<table border="1">
    <tbody>
        <tr>
            <td colspan="4">
                <div class="s4-notdlg" id="slider2">
                    <img src="/SiteAssets/Images/Slides/picture1.jpg" alt="">
                    <img src="/SiteAssets/Images/Slides/picture2.jpg" alt="">
                    <img src="/SiteAssets/Images/Slides/picture3.jpg" alt="">
                    <img src="/SiteAssets/Images/Slides/picture4.jpg" alt="">
                    <img src="/SiteAssets/Images/Slides/picture5.jpg" alt="">
                </div>
            </td>
        </tr>
    </tbody>
</table>

.

Как я уже говорил раньше, это отлично работает в IE и FF.Это просто не работает правильно в Chrome и Safari.Мне интересно, что происходит и как я могу это исправить, так что он отображается правильно в Chrome / Safari. Заранее спасибо, AA

Answer 1

Interestingly enough, just changing it from $(document).ready(function() { to $(window).load(function() { made it work on all browsers.