如何使用JQuery設置onclick事件？

Question

我在地圖圖釘單擊上寫了一個彈出窗口，用戶在其中單擊啟動功能調用的鏈接。 這是創建圖釘的電話

new mapboxgl.Marker(el)
            .setLngLat(marker.geometry.coordinates)
            .setPopup(new mapboxgl.Popup({offset: 25}) // add popups
                .setHTML(popup(marker.properties)))
            .addTo(map);

這是彈出功能

function popup(properties) {
    return '<div>' +
        '<h3>' + properties.partnerName + '</h3>' +
        '<a onclick="mapPinSelect()">' + 'Link' + '</a>' +
        '</div>';
}

一切正常，但是當我將彈出方法轉換為JQuery時， onClick方法停止工作。 這是JQuery版本

function popup(properties) {
    return $('<div>')
            .append($('<h3>').append(properties.partnerName))
            .append($('<a>').click(mapPinSelect).append('Link'))
            .html()
}

我究竟做錯了什么？

Answer 1

您應該使用“ on”，它應適用於動態創建的元素。

$("div#container").on('click', 'button.alert', function() {
    alert(1);
});

https://api.jquery.com/on/ .on（'click'）與.click（）之間的區別