javascript - jQuery .insertAfter() 和 .append() 不适用于 AJAX 调用

Question

我正在尝试做一些我认为已经做过 100 次的事情...我在 ajax 调用后获取并制作了一个新图像，并尝试将其插入到适当的、预先存在的 div

HTML 看起来像这样

<div class="preload">
    <div class="createYourOwn">...</div>
    <img src="source.com"/>
    <img src="source.com"/>
    <img src="source.com"/>
    <img src="source.com"/>
    <img src="source.com"/>
</div?

AJAX 调用执行以下操作:

$.post("script.php", {phone:phone}, function(data){
    if(data){
        var newImage = "<img src='https://api.twilio.com" + data + "/>";
        $(newImage).insertAfter('.createYourOwn');
    }
});

我也尝试过:

$("<img src='https://api.twilio.com" + data + "/>").insertAfter('.createYourOwn');

还有这个:

$(newImage).append('.preload');

尽管这没有达到预期的结果。

我想将收到的图像和数据插入到 .preload 内的 .createYourOwn div 之后。

不知道发生了什么。但什么也没有发生，没有错误，甚至连 src 的图像都没有。什么都没发生。

大家有什么想法吗？

谢谢!

Answer 1

正确连接字符串:

替换这个:

var newImage = "<img src='https://api.twilio.com" + data + "/>";
// you're missing to close quote for src              here ^^ 

这样:

var newImage = "<img src='https://api.twilio.com" + data + "' />";

或者切换引号:

var newImage = '<img src="https://api.twilio.com' + data + '" />';