Question

我已经完成了以下jquery函数，该函数应该动态更改图像。问题是它没有做任何事情，好像没有jquery函数。即使输入函数，jquery函数也被完全忽略。

我使用的编码如下;

<asp:Content ID="Content1" ContentPlaceHolderID="stylesPlaceHolder" runat="server">
<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);

    $(document).ready(function() {
        index++;
        if (index >= images.length) index = 0;

        $('Image1').attr('src', 'Resources/ChildrenImages/' + images[index]);
    });
</script>
</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="contentPlaceHolder" runat="server">
    <div>
    <asp:Image ID="Image1" runat="server" Height="198px" Width="225px"/>
    </div>
</asp:Content>

对问题可能是什么建议？

Answer 1

问题是你可能没有选择任何东西：

$('Image1')

应该是

$('#Image1')

另请注意，您设置的ID与呈现的ID（ASP.net中的ClientID）之间存在差异，因此您应该使用：

$('img[id$="Image1"]') //Select an image whose ID ends with 'Image1'

或者在脚本中引用ClientID属性。

Answer 2

将Image的ClientIDMode属性设置为Static，并且根据另一个答案，JQuery Identifier应该以＃，＃Image1开头。

图像未显示

2 个答案: