動態元素追加後 JavaScript 事件未觸發

您遇到了向 DOM 追加新元素後 JavaScript 事件未觸發的問題。這是因為 jQuery 僅識別頁面載入期間最初執行時存在的元素。

要解決此問題，您需要使用事件委託來擷取動態元素中的事件。事件委託涉及擷取頁面載入期間已經存在的 DOM 中較高層級的事件。這允許新添加的元素中的事件冒泡並進行處理。

在您的情況下，您可以將點擊事件委託給頁面載入期間出現的父元素。例如，您可以變更 JavaScript 程式碼以使用 on() 方法，如下所示：

$(document).on('click', '.races', function(e) {
  // Your code here
});

這樣，任何使用「.races」類別新增的新元素都會繼承點擊事件處理程序。實作事件委託時請記得使用 on() 方法而不是 click()。