jquery - 为什么我的 jquery 对话框不会弹出？

Question

我不知道为什么我的对话框不会弹出有什么问题，因为当我尝试从 html 中弹出表单时，它工作正常，但是从生成的这个 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
    });
});

Answer 1

您已经有一个迭代器。

<img id="size-"+i

更改您的点击选择器 -

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

Answer 2

将 id="size" 重命名为 class="size"，因为每个元素的参数“id”必须是唯一的

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