c# - 不进入 Jquery 函数

Question

我是 jquery 的新手，我的问题是我在从母版页继承的页面中完成了 jquery 功能。由于某种原因，该功能被完全忽略，就好像什么都没有，页面加载时没有任何脚本。

我需要在后面的代码中加载页面吗？下面我展示的是函数；

<script type="text/javascript">
    var index = 0;
    var images = [
        'child.jpg',
        'girl.gif',
        'sponsor.jpg'
    ];

    $('#Image1').attr('src', 'Resources/ChildrenImages/' + images[0]);

    setInterval(change_image, 5000);

    function change_image() {
        index++;
        if (index >= images.length) 
            index = 0;
        $('#Image1').attr('src', 'Resources/ChildrenImages/' + images[index]);
    }
</script>

Answer 1

首先要做的是在DOM 就绪事件之后运行您的jQuery 代码

<script type="text/javascript">
    var index = 0;
    var images = [
        'child.jpg',
        'girl.gif',
        'sponsor.jpg'
    ];

$(function(){ // added this line

    $('#Image1').attr('src', 'Resources/ChildrenImages/' + images[0]);

    setInterval(change_image, 5000);

      function change_image() {
               index++;
            if (index >= images.length) index = 0;

            $('#Image1').attr('src', 'Resources/ChildrenImages/' + images[index]);

    }

}); // and this one
</script>

第二件事是确保页面中包含 jQuery 库(在上面的代码之前)