1

当我收到脚本的响应时，我创建了新元素并将它们附加到我的主容器中，但是这些新元素不尊重“显示：内联块”属性，我尝试将样式嵌入到 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);
    });
});
4

1 回答 1

0

当任何元素被设置为 inline-block 时，浏览器会在该元素的右侧放置一个“空白”。

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

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

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

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

于 2013-12-13T12:29:39.090 回答