Javascript 关闭弹出窗口，然后打开另一个，而不是在另一个弹出窗口打开时打开另一个

我想用justGage库在我的传单弹出窗口中显示一个量规。 当我打开一个弹出窗口时，或者当我关闭一个弹出窗口并打开另一个弹出窗口时，它工作正常，但是如果打开了一个弹出窗口，我单击另一个标记，第一个弹出窗口按它应该做的那样关闭，第二个弹出窗口打开，但是仪表没有显示

以下是我生成弹出窗口的方式：

var myLayer = new L.GeoJSON.AJAX("data/data.geojson", {
    onEachFeature: function(feature, layer) {        
        layer.bindPopup(function (layer) {            
            $('#myDiv').text();
      });
   }
});

myDiv是弹出窗口的内容：

<script id="myDiv" type="text/template">
    <div>
        <div id='gauge1' style='width:60px; height:80px'></div>
    </div>
    <div>
        <div id='gauge2' style='width:60px; height:80px'></div>
    </div>
</script>

---

这就像第一个弹出窗口没有正确关闭在某种程度上影响了传单一样？

正如巴普蒂斯特在评论中所说，如果第一个弹出窗口仍然打开，打开第二个弹出窗口时ID会混淆。

这不是传单，而是你的插件。有什么js错误吗？您能在弹出窗口（检查元素）中看到什么吗？顺便说一句，ID应该是唯一的，并且所有弹出窗口都具有相同的仪表ID。您应该使用特定的类。

    myMarkers.on('popupopen', function(e) {        
        cargaVelocimetro("gauge1", 22);
        cargaVelocimetro("gauge2", 33);    
      }
    );

 function cargaVelocimetro(id, valor){

    if (!gauge) {
        var gauge = new JustGage({
          id: id,
          value: valor,
          min: 0,
          max: 100,
          gaugeWidthScale: 0.8 

      });
    }
  }