Javascript 如何显示引导对话框，然后调用$.get更新对话框代码

我有一个引导对话框，其中有一个列表需要在事务发生后更新。我已将对话框代码放置在MVC局部视图中。我还定义了一个将局部视图渲染到父视图的区域，如下所示：

<div id="idCodeRefreshAreaForFindModal">
    @{Html.RenderPartial("_FindPurchaseOrderModal", Model); }
</div>

然而，我需要的是对话框代码在关闭并发生事务后被刷新。这就是我遇到的问题。如果我更新上述代码，则会发生

$.get

事务，以返回更新后的对话框局部视图，稍后再次单击按钮时不会显示该视图：

$("#idFindBtnTest2").click(function () {
    $('#id-FindModal').modal('show');

   var params = {};
   url = '@Url.Action("_FindPurchaseOrderModal", "PurchaseOrder")';
   $.get(url, $.param(params, false), function (data) {
       $('#idCodeRefreshAreaForFindModal').html(data); 
  });  
});

我认为对话框代码在显示之前已经被更新了，所以这会破坏对话框。如果我删除尝试显示对话框的行并再次运行此测试，

$.get

操作将成功更新模式的局部视图。如果我删除

$.get

部分，只保留“显示对话框”部分，则对话框显示良好

我试着在语句后面放一个

sleep（2000）

语句来显示对话框，但这不起作用。如何执行

$.get

在对话框关闭后使用局部视图更新对话框代码

在对话框关闭后，如何执行$.get以使用局部视图更新对话框代码

这可能是一个更好的解决方案，而不是将事件绑定到显示模式的按钮，您可以在模式关闭时绑定事件

$("#idFindBtnTest2").click(function () {
    $('#id-FindModal').modal('show');
  });  
});

$("#idFindBtnTest2").click(function () {
    $('#id-FindModal').modal('show');

   var params = {};
   url = '@Url.Action("_FindPurchaseOrderModal", "PurchaseOrder")';
   $.get(url, $.param(params, false), function (data) {
       $('#idCodeRefreshAreaForFindModal').html(data); 
  });  
});

$("#idFindBtnTest2").click(function () {
    $('#id-FindModal').modal('show');
});

$(document).on('hidden.bs.modal', '#id-FindModal', function (event) {
   var params = {};
   url = '@Url.Action("_FindPurchaseOrderModal", "PurchaseOrder")';
   $.get(url, $.param(params, false), function (data) {
       $('#idCodeRefreshAreaForFindModal').html(data); 
   }); 
});