在ASP.NET回发期间使用Jquery attr（）设置元素属性在for循环中失败

Question

我试图在回发期间在.NET ASPX页面上使用jQuery更改图像的src。

只要不在prm.add_endRequest(function() {});之外，代码在页面加载时效果很好。但是，一旦发生回发并运行prm.add_endRequest(function() {});，它就会导致attr未定义。

下面是一个简化的代码示例：

var prm = Sys.WebForms.PageRequestManager.getInstance(); 
prm.add_endRequest(function() { 
     var defaultImage = '<%=DefaultImage %>'; 

     function initializeStars() { 
      var star1 = $('#star1<%=uuid %>'); 
      var star2 = $('#star2<%=uuid %>'); 
      var star3 = $('#star3<%=uuid %>'); 
      var star4 = $('#star4<%=uuid %>'); 
      var star5 = $('#star5<%=uuid %>'); 

      var stars = new Array(star1, star2, star3, star4, star5); 

      console.log('stars', stars); 

      for (var i = 0; i < stars.length; i++) { 
       console.log('stars[', i, '] before', stars[i]); 
       console.log('stars[', i, '] attr src before', stars[i].attr('src')); 
       console.log('defaultImage', defaultImage); 

       stars[i].attr('src', defaultImage); // Assign defaults. 
       stars[i].css('font-size', '0px'); 

       console.log('stars[', i, '] after', stars[i]); 
       console.log('stars[', i, '] attr src', stars[i].attr('src')); 
      } 
     } 

     initializeStars(); 
    }); 

控制台输出：

可以在控制台输出请参见：

分[4] ATTR SRC之前

stars [4] attr src after https://d1ululg65bfe3q.cloudfront.net/images/icon/rating-stars-gray-36x54.png

分[0] ATTR SRC之前未定义

分[0] ATTR SRC后未定义

目的是动态地分配一个src属性到<img>元件。

更新

以下超级简单的代码也yeilds undefined。没有for-loop和没有数组。

var prm = Sys.WebForms.PageRequestManager.getInstance(); 
prm.add_endRequest(function() { 
    var defaultImage = '<%=DefaultImage %>'; 
    var star1 = $('#star1<%=uuid %>'); 

    console.log('PRM CASE'); 
    console.log('star1', star1);    

    console.log('star1 before', star1); 
    console.log('star1 attr src before', star1.attr('src')); 
    console.log('defaultImage', defaultImage); 

    star1.attr('src', defaultImage); // Assign defaults. 

    console.log('star1 after', star1); 
    console.log('star1 attr src after', star1.attr('src')); 
} 

扩展控制台输出

Answer 1

看起来这可能为你工作。你能试试这种方法吗？

console.log('stars[', i, '] attr src before', $(stars[i]).attr('src'));

您可以展开呢？

This console log