按特定顺序预置图像

Question

我知道这不是最好的方法，但不幸的是，由于截止日期，这就是它。 我正在加载三张图像，然后预置到div 中，我希望它们按特定顺序预置。 现在这就是我所拥有的，但我不确定如何在顺序中加入前缀。 我也不想使用jquery加载。 图像按我希望它们出现的顺序列出，我想只是写它，所以一个函数直到下一个函数完成才开始？ 但我也不知道该怎么做。 感谢您对此的任何帮助。

$("#pt_figures").click(function() {
$("<img>", { src: "http://www.klossal.com/figures_doc.png" }).prependTo("#images"); 
$("<img>", { src: "http://www.klossal.com/figure_front.png" }).prependTo("#images"); 
$("<img>", { src: "http://www.klossal.com/figure_back.png" }).prependTo("#images");
});

Answer 1

你的问题的答案很简单。

使用.append()而不是.prepend()

$("#pt_figures").click(function() {
  $("<img>", { src: "http://www.klossal.com/figures_doc.png" }).appendTo("#images"); 
  $("<img>", { src: "http://www.klossal.com/figure_front.png" }).appendTo("#images"); 
  $("<img>", { src: "http://www.klossal.com/figure_back.png" }).appendTo("#images");
});

人们在紧迫的期限内往往会忽略简单的事情 - 容易犯错误。