加载时隐藏 JSP 包含的页面

Question

我有两个 jsp 文件：main.jsp 和 formDialog.jsp。在 main 中，我包含了 formDialog 并单击按钮，这将作为一个对话框打开。这工作正常，但是，formDialog（表单的输入字段）的内容显示在我的主页上。如何在页面加载时隐藏 formDialog 并仅在对话框为 called/opened 时显示它？

main.jsp

<div id="formDialogDiv">
        <jsp:include page="formDialog.jsp"/>
</div>
<script type="text/javascript">
$("#btn").on("click",(function () {
     $.ajax({
         url: "<c:url value='val'/>",
         success: function(){
         $('#formDialogDiv').dialog({
               modal: true
         });
       }
    });
});
</script>

formDialog.jsp

<div id = "formBody">
    <form id="newForm">
        ...
    </form>
</div>

Answer 1

好的，我知道了。我只是添加了一个简单的 style="display: none;" 到 formDialogDiv 就这样。

<div id="formDialogDiv" style="display: none;">
    <jsp:include page="formDialog.jsp"/>
</div>

加载时隐藏 JSP 包含的页面

Hide JSP Included Page On Load

jsp

include

hide