javascript - 点击事件上的jQuery不适用于数据表

Question

我正在使用 jquery 数据表插件。每行有两个操作按钮，用于确认或取消表格中的项目。

我在为他们两个添加点击事件时遇到问题。按钮直接添加到 json 数据中。

(function ($){
    $(function (){

        let confirm_button = $('.gs-confirm-order');
        let cancel_button = $('.gs-cancel-order');
    
    
        // cancel order process
        cancel_button.on('click', function (){
            if (confirm('Are you sure you want to cancel this order? Undo is not possible.')) {
            console.log('Item cancelled.');
            } else {
            console.log('Operation cancelled.');
            }
        });
    });
})(jQuery);

在准备好的文件中也不起作用

(function ($){
    $(document).ready(function (){
        let response_alert = $('#response');
        response_alert.hide();

        let confirm_button = $('.gs-confirm-order');
        let cancel_button = $('.gs-cancel-order');

        // cancel order process
        cancel_button.on('click', function (){
            if (confirm('Are you sure you want to cancel this order? Undo is not possible.')) {
                console.log('Item cancelled.');
            } else {
                console.log('Operation cancelled.');
            }
        });
    });
})(jQuery);

标签： javascriptjquery