Question

I don’t know what is wrong why my dialog won’t pop up because when I try pop outing the form from the html it works fine but from with this jquery table generated it won’t . So what will i do?

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);
        }

here’s the calling the dialog function

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

Answer 1

rename id=”size” to class=”size”, because parameter “id” must be unique for each element

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