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

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

本文关键字：适用于 AJAX 调用 不适用 insertAfter jQuery append      更新时间：2023-09-26

我正在尝试做一些我认为我已经做过 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 内部的 .createYourOwndiv 之后插入我收到的带有数据的图像。

不知道发生了什么。 但是什么都没有发生，没有错误，甚至没有一个src无聊的图像. 什么都没有发生。

有人有什么想法吗？

谢谢！

正确连接字符串：

替换此内容：

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 + '" />';
相关文章：