Leaflet地图绑定jQuery点击事件仅首次生效，地图操作后失效问题求助

1. DOM结构依赖错误：Leaflet的marker的title属性默认挂载在外层的.leaflet-marker-icon容器节点上，而非你代码中选中的img子节点。首次渲染时可能临时存在img节点的title属性，当地图缩放、平移触发marker重绘后，img节点的title属性会被清除，导致你遍历img节点时找不到匹配的元素。
2. 事件绑定对象错误：Leaflet的marker点击事件是绑定在外层容器节点上的，你触发img节点的点击事件本身就不符合插件的事件监听逻辑。
3. 固定延迟不可靠：你使用的250ms固定setTimeout延迟受页面渲染速度、设备性能影响很大，容易出现marker还没渲染完成就执行查找逻辑的情况。

快速修复（最小改动现有代码） #

直接查找挂载了正确title属性的marker外层容器，删除不可靠的固定延迟：

$(document).ready(function () {
    $('.marker1').on('click', function () {
        // 直接匹配带对应title的marker外层容器
        const $targetMarker = $('.leaflet-marker-icon[title="marker1"]');
        if ($targetMarker.length) {
            $targetMarker.trigger('click');
        }
    });
});

更稳定的实现（推荐） #

不要操作DOM触发点击，直接调用Leaflet原生API实现，这种方式不受marker重绘影响，哪怕marker不在当前视口也会自动移动地图到对应位置并打开弹窗：

1. 打开浏览器控制台，找到Leaflet Maps Marker插件存储所有marker实例的全局数组（通常为window.mmg或L.Marker._markers，可参考插件官方文档确认）
2. 遍历数组找到title为marker1的marker实例，直接调用openPopup()方法：

$(document).ready(function () {
    let targetMarker = null;
    // 示例：从全局marker数组中查找目标实例，数组名请根据实际情况修改
    const allMarkers = window.mmg || L.Marker._markers || [];
    allMarkers.forEach(marker => {
        if (marker.options.title === 'marker1') {
            targetMarker = marker;
        }
    });

    $('.marker1').on('click', function () {
        if (targetMarker) {
            targetMarker.openPopup();
        }
    });
});

内容的提问来源于stack exchange，提问作者Benjamin