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

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

2 个答案: