Javascript 在已经具有Vega lite图形的传单弹出窗口中添加多个div？

我正在构建一个包含多个geoJSON对象的地图，并添加了弹出窗口，其中包含描述这些位置信息的vega lite图形。我试图在弹出窗口的底部添加一个小链接，以允许路由到包含更多位置信息的页面，但现在我只能有一个或另一个（图形或指向其他页面的链接）。我在想我该怎么做

相关代码如下：

location137 = L.geoJSON.ajax('data/GeoJSON/location137.geojson').bindTooltip('Location: 137');
            location137.on('click', function() {var div = $('<div id="vis1" style="width: 410px; height: 100px;"></div><br/>')[0];
            location137.bindPopup(div); location137._popup.options.maxWidth = 410; vegaEmbed('#vis1', vega137); location137.openPopup();});

location137=L.geoJSON.ajax（'data/geoJSON/location137.geoJSON'）.bindTooltip（'Location:137'）；
location137.on（'click'，function（）{var div=$（'
'）[0]；
location137.bindPopup（div）；location137._popup.options.maxWidth=410；vegaEmbed（'vis1'，vega137）；location137.openPopup（）；}）；

我也尝试在DIV元素中添加链接，但这不起作用：

location137 = L.geoJSON.ajax('data/GeoJSON/location137.geojson').bindTooltip('Location: 137');
            location137.on('click', function() {var div = $('<div id="vis1" style="width: 410px; height: 100px;"><a href="/projectpages/location2.0.html">Click to view more!</a></div><br/>')[0];
            location137.bindPopup(div); location137._popup.options.maxWidth = 410; vegaEmbed('#vis1', vega137); location137.openPopup();});

location137=L.geoJSON.ajax（'data/geoJSON/location137.geoJSON'）.bindTooltip（'Location:137'）；
location137.on（'click'，function（）{var div=$（'
'）[0]；
location137.bindPopup（div）；location137._popup.options.maxWidth=410；vegaEmbed（'vis1'，vega137）；location137.openPopup（）；}）；

此外，只写简单的文本也不起作用，如果我用一个字符串替换整个标记，它也无法显示在弹出窗口中。更改弹出窗口的大小也不会更改任何内容