弹出窗口中的Click事件（单击弹出图片或按钮）

Question

我想在单击图像或按钮时从弹出窗口中显示更大的图像

我在地图框clicks in popup

中找到了此示例

在此示例中，弹出警报，但我想使用更大的图像获取新的“弹出”窗口。我想我必须用jquery ui对话框或类似的对话框替换警报。

$(function() {
$( "#dialog" ).dialog({minHeight: 300,minWidth:830});

我稍微更改了代码，所以我使用jquery ui和leafletjs而不是mapboxjs。到目前为止，它的工作原理相同。但是我该如何更换警报？

我不是编码员，更不是猎手。

<link rel="stylesheet" href="https://unpkg.com/leaflet@1.3.2/dist/leaflet.css" />
<script src="https://unpkg.com/leaflet@1.3.2/dist/leaflet.js"></script>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />

....

var marker = L.marker([43.6475, -79.3838])
.bindPopup('<button class="trigger">Say hi</button>')
.addTo(map);
$('#map').on('click', '.trigger', function() {
alert('Hello from Toronto!'); //replace alert
});