2011-09-13 29 views
0

以下顯示瞭如何手動將每個href設置爲圖像路徑並設置類。如何將多個值附加到列表中+ jQuery

$.fancybox([{ 
          'href' : '/image/1.jpg', 
          'class' : 'iframe' 
         }, 
         { 
          'href' : '/image/2.jpg', 
          'class' : 'iframe' 
         }, 
         { 
          'href' : '/image?blob_key={{ path }}', 
          'class' : 'iframe' 
         } 
        ], { 
         'padding'   : 0, 

如果我有一個環,如何那些附加的「href」和「類別」被包圍的花括號如上所示在jQuery的列表的值?

編輯

{% for photo in photos %} 
// how to add this "/image?blob_key={{ photo.photo_blobstore_key }} to the $.fancybox ? 

{% endfor %} 

問題已關閉:

解決了:

var options = []; 
      {% for photo in photos %} 
       options.push({ 
        'href' : 'image?blob_key={{ photo.photo_blobstore_key }}', 
        'class' : 'iframe' 
       }); 

對不起。我不熟悉jQuery,因此問了這個簡單的問題。問題已解決,因此已關閉。

+0

你已經有循環加載頁面時,或者是你動態地添加元素到您的網頁? –

+0

請將您的解決方案發布爲***答案***,然後,如果可以,請接受該答案。否則系統會認爲這個問題沒有答案(或者至少是'未解決')。 –

+0

感謝大衛的建議。 :) – MrCooL

回答

0
var options = []; 
    {% for photo in photos %} 
     options.push({ 
      'href' : 'image?blob_key={{ photo.photo_blobstore_key }}', 
      'class' : 'iframe' 
     }); 
    {% endfor %} 
0

我假設你試圖在一些容器div中添加多個圖像...正確嗎?

$.each(photos, function(i,e){ 
    $("#fancybox").append($("<img src='"+ e.href +"' class='"+ e.class +"'/>")); 
});