javascript - 如何使用 AJAX 隐藏按钮，直到特定的 div 未显示在我的页面中？

Question

我对 JavaScript 完全是新手，对 jQuery 更是新手，但我遇到了以下问题。

在使用 Struts 2 标签库的 JSP 页面中(但我认为这并不重要)，我有以下形式:

<s:form>
    <sj:div id="resultEvents" href="%{loadFolderTechId}"
            formIds="treeForm"
            class="result ui-widget-content ui-corner-all"
            loadingText=" "
            onBeforeTopics="before"
            onCompleteTopics="complete"
            deferredLoading="true"
            reloadTopics="reloadEvents">
      </sj:div>

      <s:submit action="projectCreationAction"/>
</s:form>

标记与经典 html 表单相同(它是包装经典 html 表单的 Struts 2 UI 标记)。

内部 标记就像具有某些 AJAX 行为的 HTML div(仅在触发特定事件时才显示)，并且包含表单输入标记。

在页面中的特定情况下，有(未在代码片段中显示)一个显示树的 JsTree，当用户单击该树的节点时，将显示该表单的内容( 显示)。

好的，在这个下，有一个，显示提交表单的按钮。

此时这个按钮总是显示的，即使它没有显示上一个的内容。

所以我要做的就是当的内容不显示时隐藏按钮。

当显示 时，它会在我的页面中呈现以下 HTML 代码:

<div id="resultEvents" class="class java.util.HashMap">
    <div id="">Creazione Progetto</div>
    <br>
    <table width="100%" border="0">
        ..............................................
        ..............................................
        ..............................................
    </table>
</div>

所以我想也许我可以使用 JavaScript 或 jQuery 进行编码来隐藏我的 ，直到 div id="resultEvents" 未在我的页面上呈现。

这是 AJAX 的正确使用还是存在一些更好的解决方案？如果这是一个好的解决方案，我该如何实现？

谢谢

Answer 1

据我了解您的问题，您可以尝试输入 <script>在你的 div 中使用 id resultEvents 进行标记

这将如下所示:

   <s:form>
<sj:div id="resultEvents" href="%{loadFolderTechId}"
        formIds="treeForm"
        class="result ui-widget-content ui-corner-all"
        loadingText=" "
        onBeforeTopics="before"
        onCompleteTopics="complete"
        deferredLoading="true"
        reloadTopics="reloadEvents">
<script type = 'text/javascript' >$('.yourButtonClassName').show()</script>

  </sj:div>


  <s:submit style='display:none' class='yourButtonClassName' action="projectCreationAction"/>

您应该为按钮指定一个类名(例如 yourButtonClassName ) 并默认隐藏:添加 style='display:none'

如果有帮助请告诉我=)