时间戳

首页 > 解决方案 > 使用 jQuery 内联附加图像

javascript - 使用 jQuery 内联附加图像

问题描述

我有一个从数据库中获取 src 的图像列表。对于列表中的每条记录，它都会创建一个图像并将其附加到一个 div 中。

图像显示得很好且正确，但问题是所有图像都显示在彼此下方。我希望图像彼此相邻显示（内联）。

这就是我所拥有的：

在这里，我将图像附加到 div：

function OnSuccess(response) {
        var clb = response.d;
        $(clb).each(function () {
            $('#myDiv').append('<img src=' + this.clubLogo + ' style="display: inline-block;" class="img-responsive thumbnail"/> ');
        });
    }

HTML：

<div class="section-body">
   <div class="row">
      <div class="col-lg-2 col-md-3 col-sm-6 col-xs-12">
         <div id="myDiv">
           <%--Here is where my images get displayed underneath each other--%>
         </div>
      </div>
   </div>
</div>

我已尝试实施此解决方案，但对我不起作用： Jquery append - Image inline

请协助。谢谢你。

标签： javascriptjqueryhtmlcss

解决方案

我猜你只是忘记了 src 属性的双引号。

你的代码：

$('#myDiv').append('<img src=' + this.clubLogo + ' ...

它应该是什么样子：

$('#myDiv').append('<img src="' + this.clubLogo + '" ...

推荐阅读