Javascript 单击附加项上未触发的处理程序

因此，我有一些结果，其中包含切换、隐藏/显示等项。除了附加到结果底部的项外，该位工作正常。单击处理程序不会在它们身上触发，但在其他人身上却可以正常工作。我假设这与在页面加载时读取节点有关。如何使附加项也起作用

<div class="event">
                            <a href="/profile/00000000">
                            <img class="user-image" src="https://graph.facebook.com/00000000/picture?width=100&amp;height=100">
                            </a>
                            <div class="event-info">
                                <div class="content">
                                    <div class="event-time-location">
                                    <span class="user-name">Levi Thornton</span>
                                    <span class="user-action-time">Posted 21 minutes ago</span>
                                    </div>
                                        <div class="event-caption">1
</div>                                                                      </div>
                                <div class="event-like-comment">
                                    <input id="js-eventId" type="hidden" value="201" name="eventId">
                                                                        <a href="#" class="event-liked hidden">liked</a><a href="#" class="event-like">like</a>                                 <a href="#" class="js-event-comment">comment</a>
                                    <a href="/shindig/201" class="event-view">more</a>
                                </div>

                            </div>


                            <div class="comments" id="comments-201" style="display: block;">
                        <div class="newComments">
                                <input id="js-eventId" type="hidden" value="201" name="eventId">
                                <textarea class="addComment" value="Write a comment..." placeholder="Write a comment..." title="Write a comment..."></textarea>
                            </div>
                                                    </div>
                        <!-- comments -->


                            <div class="clear"></div>
                        </div>

替换

$(".event-like").click(function(event) {

与

在代码中也是如此。它被称为事件委派，最好从。

替换开始阅读

$(".event-like").click(function(event) {

与

---

在代码中也是如此。这被称为活动授权，最好的开始阅读的地方是。

谢谢，这非常有帮助！在阅读jQuery文档之后，我查找了一些其他项目的示例，如binding keypress等。这是一个简单的示例，但很有帮助。所以我把它放在这里给下一个人。谢谢，这很有帮助！在阅读jQuery文档之后，我查找了一些其他项目的示例，如binding keypress等。这是一个简单的示例，但很有帮助。所以我把它放在这里给下一个人。

$(document).on("click", ".event-like", function(event) {