Question

我使用gpgraph库来绘制图表。我需要dinamicaly创建图表，所以我使用jquery。

请看这个脚本

$("#graph").click(function(u)
{
  var f = 502; //just for example
  $("#graph_content").html('<img src="mygraph.php?value1='+f+'" />');
  $("#graph_content").slideDown(600);
  u.stopPropagation();
});

在mygraph.php我生成图片的图片，取决于value1。

但是在加载后我需要slideDown()带图像的div。在我的情况下，当它加载图像时，它已经向下滑动div，所以我失去了我想要的效果。我无法想象如何在这里使用load方法？

也许你会帮助我:)。

由于

Answer 1

$("#graph").click(function(u) {
  var f = 502;
  $("#graph_content").html('<img src="mygraph.php?value1='+f+'" id="image" />');
  $("#image").load(function(){
    $("#graph_content").slideDown(600);
  }); 
  u.stopPropagation();
});

或者这也应该有效：

$("#graph").click(function(u) {
  var f = 502;
  $('<img src="mygraph.php?value1='+f+'" />')
     .load(function(){
        $("#graph_content").slideDown(600);
     })
     .appendTo("#graph_content");

  u.stopPropagation();
});

如果#graph_content元素为空。

在图像加载后使用slideDown

1 个答案: