每次单击按钮时如何使blockUI工作

Question

我有一个页面，它读取 excel 文件并将其加载到数据表中，该数据表在 div 中呈现。用户必须先看到上传文件的结果才能继续处理，这意味着我在一个页面中有两个按钮事件，用户可以从文件上传器加载文件的新副本，这意味着块 ui每当用户单击加载按钮时都必须调用。

我遇到的问题是，blockui 仅在第一次工作时，当我再次单击按钮并使用新的 excel 副本时，会弹出错误“blockUI 不是函数”。有人建议将 ajax 调用中的异步设置为 true，尝试过但仍然不高兴。我的脚本是使用捆绑配置加载的

我有一个 jquery 方法，它读取文件并将返回的数据以数据表的形式附加到 div 中，下面是我的 jquery 代码

 $('#rateGroupsForm').submit(function(e) {
             e.preventDefault(); // stop the standard form submission
                $.blockUI();
                $.ajax({
                    url: '@Url.Action("ReadUploadedFile","Rates")',
                    type: 'POST',
                    data: new FormData(this),
                    cache: false,
                    async: true,
                    contentType: false,
                    processData: false,
                    success: function (data) {
                        if (data) {
                            $.unblockUI();
                            $('#rateGroupsDiv').empty();//remove all existing data before loading fresh one
                            $('#rateGroupsDiv').append(data);
                        }
                    },
                    error: function(xhr, error, status) {
                        console.log(error, status);
                        $.unblockUI();
                    }
                });
         })

Answer 1

问题已解决，“rateGroupsDiv”正在通过部分页面加载，该部分页面上没有任何 blockui 脚本，将块 ui 脚本包含在部分页面中，现在一切正常