Question

我有一个表单，可以动态生成附加（上传）文件到表单的表。每行的最后一个单元格是删除按钮。单击时删除按钮执行以下代码：

点击删除按钮

$("td").on("click", ".btn-danger", function(event){

    var rowID = "#"+$(this).attr("rowID");
    var id = $(this).attr("id");

    $("#confirmDelete").animate({top:'15%'}, 1000);
    $("#confirmDelete").removeClass("hidden");

    $("#confirmDelete").on("click", "#deleteFile", function(e){

        var inn = document.thisItem.getInnovator();
        var getInfo =  inn.newItem("CSH_PLI_CommercialPartFiles", "get");
        getInfo.setProperty("related_id", id);
        getInfo = getInfo.apply();
        var relatedID = getInfo.getProperty("id", "");
        var thisRelated = inn.newItem("CSH_PLI_CommercialPartFiles", "delete");
        thisRelated.setID(relatedID);
        thisRelated = inn.applyAML(thisRelated.ToString());
        var thisFile = inn.newItem("File", "delete");
        thisFile.setID(id);
        thisFile.apply();
             $("#confirmDelete").animate({top:'-100%'}, 1000);
        $("#confirmDelete").addClass("hidden");
        $(rowID).hide();
    });

    $("#confirmDelete").on("click", ".btn-default", function (e){
        $("#confirmDelete").animate({top: '-100%'}, 1000);  
    });

});

这反过来引起了我的确认窗口的这一点HTML。

HTML

<div id="confirmDelete">
    <div class="bg-danger">
        <h4>Delete File Confirmation</h4>
    </div>
    <div>
        <p><b>Delete this file? This action cannot be undone</b></p>
    </div>
    <div class="pull-right">
        <button type="button" class="btn btn-default btn-sm">Cancel</button>
        <button type="button" class="btn btn-danger btn-sm" id="deleteFile">Delete</button>
    </div>  
</div>

现在一切都运转良好。取消关闭弹出窗口。并删除，实际上将从服务器中删除该文件并将其从表单中的表中删除。但是，只要删除完成，弹出窗口就会向上滚动，然后向下滚动，就像再次调用它一样。

我无法弄清楚隐藏和移除的任何组合实际上会阻止这种情况发生。

首先关闭后获得第二个弹出窗口

0 个答案: