Question

我有一个HTML（home.html）页面，可以加载如下对话框：

<body>
      <script type="text/javascript">
      function call_popup() {
            var myDialog = $('#modalbox')
                .load('popup.jsp' )
                .dialog({
                    modal: 'true',
                    autoOpen: false,
                    title: 'page title',
                    width: 850,
                    height: 750,
                    resizable: 'false',
                    close: function(ev, ui) { $(this).remove(); },
                    open: function(event, ui) { $(".ui-dialog-titlebar-close", $(this).parent()).hide(); }
                });

                myDialog.dialog('open');
                return false;

       }
      </script>
      <input type="button" onclick="call_popup()" value="Give me a dialog" />
<div  id='modalbox'></div>
</body>

在popup.jsp中我有一个按钮和一个处理程序：

<input type="button" id="closeButton" value="Close" />

$(document).ready(function() {
    $('#closeButton').click(function () {

            return false; 
    });
});

按钮处理程序中的哪些代码会关闭对话框？

Answer 1

在主JSP页面中给出与一个（模态窗口的div id）相同的div id

关于弹出JSP中关闭按钮的单击功能，关闭给出div id的对话框

$('#closeButton').click(function() {

    $("#modalbox'").dialog('close');

});

有效：）

如何从加载的jsp页面中关闭JQuery对话框

1 个答案: