我正在尝试做一些我认为已经做过 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
的图像都没有。什么都没发生。
大家有什么想法吗?
谢谢!
最佳答案
正确连接字符串:
替换这个:
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 + '" />';
关于javascript - jQuery .insertAfter() 和 .append() 不适用于 AJAX 调用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28095886/