2012-06-21 103 views
0

我想創建動態幻燈片jQuery中我正在寫這樣的代碼如何與軌道插件

var ctx = new DynamicSlideShowEntities(); 
     var list = ctx.Pictures.ToList(); 
     string bb = JsonConvert.SerializeObject(list); 
     context.Response.Write(bb); 

和JS代碼

<script type="text/javascript"> 
     $(function() { 
      $.ajax({ 
       url: "Handler.ashx", 
       contentType: "application/json; charset=utf-8", 
       success: function (data) { 
        $.each(data, function (i, b) { 
         var str = '<img src="' + b.PicturePath + '" alt="' + b.PictureText + '"/>'; 
         $("#featured").append(str); 
        }); 
       }, 
       dataType: "json" 

      }); 

      $('#featured').orbit(); 
      alert($("#featured img").length); 
     }); 
    </script> 

但創建動態幻燈片時運行的項目沒有顯示任何畫面,但當檢查代碼與螢火蟲顯示此代碼 enter image description here

請幫助我。謝謝大家。

回答

0

寫這段代碼

<script type="text/javascript"> 
     $(function() { 
      $.ajax({ 
       url: "Handler.ashx", 
       contentType: "application/json; charset=utf-8", 
       success: function (data) { 
        $.each(data, function (i, b) { 
         var str = '<img src="' + b.PicturePath + '" alt="' + b.PictureText + '"/>'; 
         $("#featured").append(str); 
        }); 

      $('#featured').orbit(); 
       }, 
       dataType: "json" 

      }); 

      alert($("#featured img").length); 
     }); 
    </script>