jquery - Why jquery. On () not working for dynamic Element?

Question

I would like to have the authority to send my information via $.ajax() when (at the time) I click the update button,But I can not handel the update button click event.

I want the code to handle the update button click event but I did not work

jsfiddle code

code:

 $(".table").on("click", "k-grid-update", (function () {

        alert('xxx');

        //$.ajax({

        //    url: 'api/apdevice',
        //    type: 'PUT',
        //    datatype: 'application/json',
        //    data: {},
        //    success: function (data) {

        //    },

        //    error: function (data) {

        //    }

        //});

thank you

Answer 1

并不是说它不起作用：问题在于 KendoUI 为同一个元素重新定义了动作。

您不应该直接将它绑定到按钮，而是使用一些 KendoUI 提供的机制来执行此操作。要么在 Kendo Grid 中使用save事件，要么定义一个方便的update事件，或者在DataSource.transport.

例子：

$('.table').kendoGrid({
    dataSource : {
        transport: {
            read  : function (op) {
                op.success(data)
            },
            update: function (op) {
                alert("xxx - update");
                ...
            }
        },
        schema   : {
            model: {
                id: "Mac"
            }
        }
    },
    sortable   : true,
    groupable  : true,
    selectable : true,
    navigatable: true,
    height     : 500,
    scrollable : true,
    pageable   : true,

    rowTemplate   : kendo.template($("#client-row-template").html().replace('class="k-alt"', '')),
    altRowTemplate: kendo.template($("#client-row-template").html()),//@class="k-alt"@
    editable      : "popup",
    save          : function (a) {
        alert("xxx - save");
        ...
    }

});

Answer 2

$(".table").on("click", "k-grid-update",

有你的问题。您很可能需要委托的类选择器，因为不k-grid-update存在名为的 HTML 标记：

$(".table").on("click", ".k-grid-update",