主页上的Jquery

Question

我刚刚开始研究Jquery，因为我是初学者，我在母版页上实现了jquery。这个jquery的功能是在分区上显示多个图像并且它正在成功运行。    我面临的问题是，当我点击菜单控件和页面导航时，jquery功能无法正常工作。

这是无效的代码

 $(window).load(function () {
            var i = 0;
            var images = ['M2.jpg', 'M3.jpg', 'M4.jpg', 'M5.jpg', 'M6.jpg', 'M7.jpg'];
            var image = $('#divleftImg'); 
            image.css("background-image", "url('Images/M1.jpg')");
            setInterval(function () {
                image.fadeOut(1000, function () {
                    image.css('background-image', 'url(Images/' + images[i++] + ')');
                    image.fadeIn(1000);
                }
                );
                if (i == images.length)
                    i = 0;
            }, 5000);
        });

另一个jquery功能正常工作，在单个Div上显示多个文本，即使在页面上导航它也能正常工作

这是代码

$(document).ready(function ()
    {
        $(window).load(function ()
        {
            $('#1').hide();
            $('#2').hide();
            $('#3').hide();
            var i = 1;
            $('divMultipleText').css('background:linear-gradient(gray,blue)');
            setInterval(function ()
            {
                i++;
                if (i == 10)
                {
                    $('#1').show();
                    $('#2').hide();
                    $('#3').hide();

                }
                if (i == 20)
                {
                    $('#1').hide();
                    $('#2').show();
                    $('#3').hide();
                }
                if (i == 30)
                {
                    $('#1').hide();
                    $('#2').hide();
                    $('#3').show();
                    i = 0;
                }
            },100);

        });
    });

请帮帮我。我已经在td元素上放置了div，它背面是黑色，这可能是个问题。