Trung tâm cá nhân
sách gpt4 ai đã đi

Đính kèm một sự kiện vào một nút được chèn động trên một trang bằng cách sử dụng .on() bằng jquery

In lại 作者：行者123 更新时间：2023-12-02 14:20:43 31 4
mua khóa gpt4 Nike

我有一个页面，我可以在其中返回用户帖子，可以使用一些 jquery 代码对这些帖子进行即时评论，在发布新评论后，我在帖子下插入新评论以及xóa bỏ 按钮。问题是 Delete 按钮在新插入的元素上不起作用，除非我重新加载页面。我读到解决方案是使用 .on() 方法，但是我对如何实现它有点困惑。我有一个函数可以用新插入的评论更新帖子部分，这是删除评论的函数:

$(tài liệu).ready(hàm () {

    $("button[id*='deletecmnt_']").click(function () {

        var id = this.id.replace('deletecmnt_', '');

        var comment_card_id = ('#comment_' + id);

        var token = $(this).data('token');

        $.ajax({
            url: '../comment/' + id,
            type: 'post',
            data: {_method: 'delete', _token: token},
            success: function () {


                // Checks for display of comment card and removes it
                if ($(comment_card_id).is(":visible")) {

                    $(comment_card_id).fadeOut("fast");

                }
            }
        })

    })

});

我不明白这里需要更改什么以及如何更改。

1 Câu trả lời

您需要对动态添加的元素使用事件委托(delegate)。在 .on() 方法中，您需要添加希望处理程序在创建后附加到的选择器。

 $(tài liệu).ready(hàm(){ 

    $("body").on("click", "button[id*='deletecmnt_']", function () {
    // codes
    }
 });

这将监听与您的选择器匹配的尚未创建的元素的点击。以下是 JQuery API 文档页面以获取更多信息:http://api.jquery.com/on/

关于javascript - 使用 jquery 使用 .on() 将事件附加到页面上的动态插入按钮，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/38664745/

31 4 0
Bài viết được đề xuất: javascript - Threejs - 几何坐标系到屏幕坐标系
Bài viết được đề xuất: sockets - ZeroMQ:我们可以 .bind() 100+ 个套接字到同一个端点吗？
Bài viết được đề xuất: logging - Kentor authservices 和 log4net
Bài viết được đề xuất: javascript - 使用 knockout 扩展器不允许使用字符数组
行者123
Hồ sơ cá nhân

Tôi là một lập trình viên xuất sắc, rất giỏi!

Nhận phiếu giảm giá Didi Taxi miễn phí
Mã giảm giá Didi Taxi
Các bài viết nóng hổi trên toàn bộ trang web
Giấy chứng nhận ICP Bắc Kinh số 000000
Hợp tác quảng cáo: 1813099741@qq.com 6ren.com