爲什麼我的jQuery對話框不會彈出？

我不知道什麼是錯的，爲什麼我的對話框不會彈出，因爲當我嘗試彈出窗體從HTML工作正常，但從這個jquery表生成它不會。那麼我會怎麼做？爲什麼我的jQuery對話框不會彈出？

success: function(data){ 
      var toAppend = ''; 

      toAppend += '<thead><tr><th>Name</th><th>Image</th><th>Price</th></tr></thead>'; 
      toAppend += '<tbody>'; 

      for(var i=0;i<data.length;i++){ 

       toAppend += '<tr><td><p>'+ 

       data[i]['product_name'][0]+'</p></td><td><a href="#">'+ 

       <img id="size" src="'+data[i]['image'][0]+'" alt="">+'</a></td><td>'+ 

       data[i]['price'][0]+'</td></tr>'; 
      } 

      toAppend += '</tbody>'; 

      $('.data-results').append(toAppend); 
     }

這裏的調用對話功能

$('#size').click(function() { 
    $('#dialog').dialog({ 
     resizable: false, 
     modal: true 
    }); 
});

來源

2012-10-02 Brained Washed

標識**必須**是唯一的。 – j08691

是的，它是獨一無二的 –

不是如果你循環它不是。 – j08691

重命名ID = 「大小」類= 「大小」，因爲參數「ID」必須爲每個元素的巧妙

$('.size').live("click",function() { 
    $('#dialog').dialog({ 
     resizable: false, 
     modal: true 
    }); 
});

來源

2012-10-02 03:10:48 deerua

不起作用.. –

我編輯，試試這個版本 – deerua

w0w很好用......謝謝！ –

你已經有一個迭代器。

<img id="size-"+i

更改您點擊選擇 -

$('img[id^=size]').click(function(){ 
    $('#dialog').dialog({ 
     resizable: false, 
     modal: true 
    }); 
});

來源

2012-10-02 02:39:20 Ohgodwhy

林有點困惑，我從ID中刪除了大小，所以基本上ID變爲0,1,2等...我怎麼稱呼它？ –

您應該保持原樣，並像我向您展示的那樣更改' Ohgodwhy

是的，我跟着它，從我的螢火蟲生成的id是這樣的

爲什麼我的jQuery對話框不會彈出？

回答

相關問題