Question

<script type="text/javascript">
    $('.Ok').live('click', function () {
         $("#popUp").dialog("close");    
         $('#mydiv').html("");                           
         $.ajax({           
              url: "/HRBankInfo/_Partial",       
              type: "Get",   
              datatype: String,
              success: function (stu) {
                   $('#mydiv').append(stu);              
              }
    });
});
</script>

我的HTML代码这是我的Html表格...... 这是使用Yes no Button for Conformation创建UI的代码。

<h3>Are you sure you want to delete this Address?</h3>
    <fieldset id="_Create">
    <legend>Confirm Delete</legend>

@using (Html.BeginForm())
{
    foreach (var item in Model.classes)
    {
         <div class="display-label">Bank Description:</div>

     <span>Bank Name :</span>@Html.DisplayFor(BName => item.BName)
     <p><span>Address   :</span>@Html.DisplayFor(BAdd=>item.BAdd)</p><br />

      }

    <input type="submit" value="Yes" />
    <button class="close">No</button>

}
  </fieldset>

因此是用于将值加载到除法的脚本

<script type="text/javascript">
    $(function () {
        $('form').submit(function () {
            $.ajax({

                url: this.action,
                type: this.method,
                data: $(this).serialize(),
                success: function (result) {
                    $('.popUp').html(result);

                }
            });
            return false;
        });
    });
</script>

这是弹出对话框的脚本

 <script type="text/javascript">
     $(function () {
         $('form').submit(function () {
 $(".popUp").dialog({
                 resizable: false,
                 modal: true
             }
             );

         });
     });
    </script>

<div class="popUp" title="Message">
</div>

感谢您的帮助

上面的代码只适用于一个popup.how，一次关闭多个popus 谢谢你的帮助。

Answer 1

您正在使用ID选择器#popUp来识别您的弹出窗口，但是在HTML页面上应该只有一个具有给定ID的元素 - 我假设您已经为所有弹出窗口提供了相同的ID 。

尝试将id更改为类，并将jQuery选择器更改为.popUp。

Answer 2

尝试使用class而不是id，因为id是唯一的，它只会关闭相应的弹出窗口。

如何使用jquery一次关闭多个弹出窗口？

2 个答案: