kendo ui网格中的按钮在移动设备上不起作用

我有一个例子，使用Backbone.js添加了一个kendo ui网格。 在kendo ui网格中，我有一个删除行的按钮，但这些按钮在移动设备上不起作用。 如果我再次按下按钮，它有时会起作用。 为什么？ 我在kendoGrid.columns中声明了这个按钮：

{ command: [{ name: "destroy", text: "Remove", className: "ob-delete" } 

要删除行并在单击按钮时执行某些操作：

 $(document).on("click", ".grid tbody tr .ob-delete", function (e) { var item = grid.dataItem($(this).closest("tr")); var check = confirm("Delete"); if (check) { grid.removeRow($(this).closest("tr")); } }); 

完整的例子

编辑：

我使用的是kendo ui版本：2012.3.1114

Answer 1

移动和点击活动不是最好的朋友！

在此代码中，您将添加单击具有.ob-delete类的Html元素，该类不会触发Kendo的内置单击事件。 相反，尝试将delete方法实现为此演示中显示的自定义命令： http ： //demos.kendoui.c​​om/web/grid/custom-command.html

  $(document).ready(function () { var grid = $("#grid").kendoGrid({ dataSource: { pageSize: 10, data: createRandomData(50) }, pageable: true, height: 260, columns: [ { field: "FirstName", title: "First Name" }, { field: "LastName", title: "Last Name" }, { field: "Title" }, { command: { text: "View Details", click: showDetails }, title: " ", width: "140px" }] }).data("kendoGrid"); wnd = $("#details") .kendoWindow({ title: "Customer Details", modal: true, visible: false, resizable: false, width: 300 }).data("kendoWindow"); detailsTemplate = kendo.template($("#template").html()); }); function showDetails(e) { e.preventDefault(); var dataItem = this.dataItem($(e.currentTarget).closest("tr")); wnd.content(detailsTemplate(dataItem)); wnd.center().open(); }  

或者如果不需要自定义命令，请尝试使用此演示中显示的默认删除事件。 http://demos.kendoui.c​​om/web/grid/editing-inline.html