Javascript 需要两次更新iframe才能正常工作

我制作了这个计算器：

我对网站上的iframe有问题。第一次输入要转换的某些坐标时，它可以正常工作，但如果随后输入其他坐标，则必须按两次等号才能更新iframe

以下是一些坐标示例：

[151[10504.92857.15,0.00293732]]

[5[2645.411941.31,0.00133705]]

[40，[1565.652059.92,0.00142217]]

---

所以我的问题是，什么会导致这种行为？

删除或注释掉该行

$('#mapUrl').attr('src','');

---

从javascript文件“js.js”开始，它应该可以正常工作。

您可以销毁整个iframe并重新加载它。这将导致每次都加载它

在js.js文件中，将加载代码更改为：

$('#mapUrl').fadeOut(400, function() {
  height = $(document).height() * 0.8;
  $('#mapUrl').remove();
  $('<iframe id="mapUrl" src="'+getUrl+'" height="'+height+'"width="100%">').delay(200).appendTo('body').hide();
  $('#mapUrl').delay(400).fadeIn(400); 
});

$（'#mapUrl'）。淡出（400，函数（）{
高度=$（文档）.height（）*0.8；
$（'#mapUrl'）。删除（）；
$（“”）.delay（200）.appendTo（'body'）.hide（）；
$（'#mapUrl'）.delay（400）.fadeIn（400）；
});