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

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 表单...这是创建 UI 的代码，带有用于确认的 Yes no Button。

<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>

感谢帮助

以上代码仅适用于一个弹出窗口。如何一次关闭多个弹出窗口感谢您的帮助。

Answer 1

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

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