Question

当我从脚本收到响应时，我创建新元素并将它们附加到我的主容器，但这些新元素不尊重“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);
    });
});

Answer 1

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

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

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

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

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

display：inline-block对ajax响应不起作用

1 个答案: