zone.js：140 Uncaught TypeError：无法读取属性’remove’

• 我是kendo ui的新手。
• 我在小提琴里开发了原型。 删除确认窗口在那里工作正常。
• 但当我整合我的代码库时，我收到错误无法在行pai_to_delete.remove（）中读取属性’remove’;
• 你能告诉我如何解决它吗？
• 在下面提供我的代码。

更新

– 我可能没有正确地解释你…当我点击链接时，我的ui看起来是一个大的弹出窗口打开了一个网格……当我点击一个列时，一个带有删除选项的小弹出窗口打开了… 。当我点击删除选项时，会打开一个确认窗口… – 当我使用原生的js确认方法时，它工作得很好..我认为那时它正确引用… – 但是当我使用kendo ui popup时它不能正常工作… – 当我使用kendo ui时，我的pai_to_delete没有正确引用…因为它指的是div而不是父div我认为是这样。

原型小提琴

http://jsfiddle.net/amu6tw2a/

• 整个代码我无法粘贴我的问题，所以我粘贴在小提琴，相关的代码我粘贴在下面

https://jsfiddle.net/44tLx225/

zone.js: 140 Uncaught TypeError: Cannot read property 'remove' of null at HTMLButtonElement.eval(swimming - jumpings.ts: 990) at HTMLDocument.dispatch(jquery - 2.2.3. js: 4737) at HTMLDocument.elemData.handle(jquery - 2.2.3. js: 4549) at ZoneDelegate.invokeTask(zone.js: 236) at Zone.runTask(zone.js: 136) at HTMLDocument.ZoneTask.invoke(zone.js: 304) $(".tiger").bind("click", function(e) { let that = this; $(".pai-del-menu").blur(function() { $(this).hide(); pai_to_delete = null; }); $(".pai-del-menu").click(function() { $(this).hide(); //let popup = $("#deletePopup").data("kendoWindow").center().open(); if (pai_to_delete != null) { //$('.addELFDocumentForm').show(); //alert("Are you sure you want to delete the selected jumping"); var kendoWindow = $("
").kendoWindow({ title: "Confirm", resizable: false, modal: true, height: 100, width: 400 }); kendoWindow.data("kendoWindow") .content($("#delete-confirmation").html()) .center().open(); $(jumping).on("click", "#playerDocumentOk", function() { pai_to_delete.remove(); kendoWindow.data("kendoWindow").close(); }) $(jumping).on("click", "#playerDocumentCancel", function() { kendoWindow.data("kendoWindow").close(); }) //pai_to_delete.remove(); } }); var record_x = e.pageX; var record_y = e.pageY - $(".navHeaderBox").height() - $(".breadCrumbBox").height() - 20; $(".pai-del-menu").css({ left: record_x, top: record_y }); $(".pai-del-menu").fadeIn(200); $(".pai-del-menu").show(); $(".pai-del-menu").attr('tabindex', -1).focus(); pai_to_delete = $(this).parent().parent(); }); 

适用于js native confirm方法

$（“。tiger”）。bind（“click”，function（e）{

  $(".pai-del-menu").blur(function() { $(this).hide(); pai_to_delete = null; }); $(".pai-del-menu").click(function() { $(this).hide(); if (pai_to_delete !== null) { //alert("Are you sure you want to delete the selected document"); //confirm("Are you sure you want to delete the selected document"); var r = confirm("Are you sure you want to delete the selected document"); if (r == true) { //txt = "You pressed OK!"; pai_to_delete.remove(); } else { //txt = "You pressed Cancel!"; } //pai_to_delete.remove(); } }); var pai_x = e.pageX; var pai_y = e.pageY - $(".navHeaderBox").height() - $(".breadCrumbBox").height() - 20; $(".pai-del-menu").css({ left: pai_x, top: pai_y }); $(".pai-del-menu").fadeIn(200); $(".pai-del-menu").show(); $(".pai-del-menu").attr('tabindex', -1).focus(); pai_to_delete = $(this).parent().parent(); }); 

Answer 1

原生确认方法和自定义模态窗口之间的关键区别 – 原生确认方法是同步的。

当方法是同步的并且您在本机确认对话框中单击“确定/取消$(".pai-del-menu").blur ， $(".pai-del-menu").blur甚至发生，但仅在$(".pai-del-menu").click已完成所以一切正常。

当方法是异步的并且您在模态窗口上单击“确定/取消”时， $(".pai-del-menu").blur甚至发生并立即执行，删除pai_to_delete引用，因此在$(".pai-del-menu").click pai_to_delete事件pai_to_delete已经为null 。

您只需要在创建kendoWindow之前将pai_to_delete分配给另一个变量，并在$(".pai-del-menu").click使用它$(".pai-del-menu").click事件：

 $(".pai-del-menu").blur(function() { $(this).hide(); pai_to_delete = null; }); $(".pai-del-menu").click(function() { $(this).hide(); if (pai_to_delete != null) { var paiToDelete = pai_to_delete; // <---- var kendoWindow = $("
").kendoWindow({ title: "Confirm", resizable: false, modal: true, height: 100, width: 400 }); kendoWindow.data("kendoWindow") .content($("#delete-confirmation").html()) .center().open(); $(jumping).on("click", "#playerDocumentOk", function() { paiToDelete.remove(); // <---- kendoWindow.data("kendoWindow").close(); }); $(jumping).on("click", "#playerDocumentCancel", function() { kendoWindow.data("kendoWindow").close(); }); } });