2012-02-29 153 views
1

我已经完成了下面的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> 

对问题可能有什么建议?

回答

0

的问题是,你可能不会选择任何内容:

$('Image1') 

应该

$('#Image1') 

请也是有(您设置的ID和所呈现的一个之间的差异说明即ASP.net中的ClientID),因此您应该使用:

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

或者参考您脚本中的ClientID属性。

0

将图像的ClientIDMode属性设置为静态,并根据其他答案JQuery标识符应该以#,#Image1开头。