按钮在 jquery 对话框内容中无法正常工作（使用 bootstrap table 关闭 jquery 对话框的两种方法）？

Question

我在 jquery 对话框中使用 bootstrap table，但在关闭对话框和释放内存时遇到问题。让我展示一下演示代码：

方法 1： jsFIDDLE 下面是我用来保存或取消的对话框内容中带有两个按钮的代码。它们用 $.click() 编码（不是通过对话）。要查看问题，请执行 4 个步骤：

点击第一个复选框并接受日期
对第二个复选框执行相同的操作
取消选中两者（两行中的日期字段均为空）
再次勾选一个复选框并接受日期

您现在会注意到，即使没有单击第二个字段，日期也会添加到每一行的两个字段中。当我玩得更像这样时，我什至可以一键取消选中两个复选框。

方法二： jsFIDDLE 同样的思路，但是我使用了jquery对话框中定义的按钮，如果你从上面做同样的步骤，你不会注意到问题 - 它工作得很好。

问题：我出于自己的目的需要使用第一种方法，但是如何解决这个内存问题？

Answer 1

您的代码存在作用域问题；请尝试更新 Fidle

  var currentRow = null;

 $("#pickdate").datepicker({dateFormat: "dd-mm-yy"}).datepicker("setDate",new Date());
$('#table').on('check.bs.table', function (e, row, $el) {

currentRow = row;

     $("#dialog").dialog({
                dialogClass: "no-close tt",
                modal: true,
                title: "Data zamknięcia",
                width:189,
        });


});

完整代码见文件

按钮在 jquery 对话框内容中无法正常工作（使用 bootstrap table 关闭 jquery 对话框的两种方法）？

buttons not working properly in jq dialog content (two ways of closing jquery dialog with bootstrap table)?

javascript

jquery

jquery-dialog