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 之后插入我收到的图像和数据。

不确定发生了什么。但是什么也没有发生，没有错误，甚至没有一个带有 borked 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 + '" />';

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

jQuery .insertAfter() and .append() not working with AJAX call

html

javascript

ajax

jquery