我有一張地圖和一組標記。我希望用戶能夠單擊包含在附加 HTML 中的按鈕，該 HTML 添加到<p>帶有側類的 a 中。下面的代碼是我所擁有的，它適用于地圖上方的按鈕，現在只是對代碼的測試。但是，我希望側邊欄上的眼睛按鈕像上面的按鈕一樣工作。我曾嘗試使用$('#find').each，但它不起作用。each 方法是否不適用于附加的 HTML？我發現這適用于附加的 HTML，但是它不會運行標記單擊。我此時已將其分配給眼睛按鈕：$(document).on('click', '#find', function(i) { alert("Hello! I am an alert box!!");      google.maps.event.trigger(markers[i], 'click');     });你可以在這里看到我的代碼：https ://ddtech.live/test/免責聲明：這只是我的一個愛好，還在學習中。HTML<p class="side"></p>JS var markers = [];        $('#btn button').each(function(i,e) {          $(e).click(function(i,e) {             return function(e) {                   google.maps.event.trigger(markers[i], 'click');            }          }(i));        });    var status = '<span style ="float: right"><button id="find" class="zoombtn2" onclick=""><i class="fas fa-eye"></i></button></span>'     var name = markerData.first + " " + markerData.last;     var str = name.toLowerCase().replace(/\b[a-z]/g, function(letter) {        return letter.toUpperCase();      }); $(document).ready(function() {      $('p.side').append('<div class="boxed">' + str + status + '</div>');       });