动态添加的元素不会触发点击事件

Question

再次，我正在为动态添加的元素上的事件而苦苦挣扎。

有什么我想念的吗？该代码对于启动时存在的元素而言效果很好。

$(".product-like-wrap").on("click", ".symbol-circle", function () {
    //do stuff
});

下面的like-wrap div是静态的，但是在启动后会添加所有内容。

<div class="like-wrap">
    <div class="product-like-wrap flex-center-center">
        <span class="check-symbol hide" title="Du har likt bilde"><i class="fas fa-check"></i></span>
        <div class="symbol-circle align-center " title="Lik bilde" data-id="112">
            <i class="fas fa-thumbs-up symbol" data-id="112"></i>
        </div>

        <span class="exists hide"><span class="inner"><span class="separator">/</span><span class="count">0</span></span></span>
    </div>
</div>