以特定顺序预先添加图像

时间:2012-11-26 04:04:21

标签: jquery prepend

我知道这不是最好的方法,但不幸的是由于截止日期,这就是它。我有三个图像,我正在加载,然后预先添加到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");
});

1 个答案:

答案 0 :(得分: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");
});

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