jquery - 显示:内联块不适用于ajax响应

当我收到来自脚本的响应时，我创建了新元素并将其附加到我的主容器中，但是这些新元素不符合“ display：inline-block”属性，因此我尝试将样式嵌入html，但是没有也不行。

这是我的代码

jQuery.post('includes/script.php', {GetMore: true}, function(data) {
    dato = jQuery.parseJSON(data);
    $.each(dato, function(i){
        var html = '<div class="container_'+ dato[i][1] +'" data-img="'+dato[i][2]+'" data-order="'+dato[i][3]+'" style="display: inline-block">'+
                   '<img src="'+dato[i][0]+'" class="img_'+ dato[i][1] +'" />'+
                   '</div>';
        $('div#main-container').append(html);
    });
});

最佳答案

当将任何元素设置为显示为内联块时，浏览器会在该元素的右侧放置一个“空白”。

当您使用ajax插入这种元素时，似乎不会发生。

我也有这个问题。最后，我自己添加了这个“空白”。在您的情况下，您应该更改代码，例如：

var html = '&nbsp;<div class="container_'+ ....

无论如何，您应该插入nbsp;。通过ajax接收的元素之间。