java - 单击按钮时在另一个内包含一个 jsp

Question

我有一个注销按钮。单击它后，我想显示一个页面confirmlogout.jsp，然后根据用户的响应，用户必须注销或留在那里。

我的代码：

<span class="inlayField2">
    <s:a href="#" cssClass="planTabHeader" id="logoutId"> <img src="../../KY/images/common/header/lock.png" alt="logout" style="border: none;background-color: transparent;" /> &nbsp;Log out</s:a></span>
    </s:form>

<div id="confirmPopup" style="display:none;">
      <%@ include file="/planmanagement/planSummary/ConfirmationPopup.jsp" %>
    </div>


$('#logoutId').click(function(event) {
$('#confirmPopup').css('display','block');
});

我的问题是加载包含注销的页面时，即使我设置了 display:none，也会显示确认popup.jsp。当我点击注销时，确认弹出窗口没有出现。请帮我解决这个问题。提前谢谢

Answer 1

您能否确认调用了事件处理程序并且正确的元素设置为可见？

按下 F12 时，您可以在 firefox（最好使用 firebug）或 chrome 中看到控制台消息

$('#logoutId').click(function(event) {
  console.log("logout clicked");
  console.log("showing element:",$('#confirmPopup'));
  $('#confirmPopup').show();
});

Answer 2

你可以试试这个：

<div id="confirmPopup" style="display:none;">
<script>
    $('#confirmPopup').click(function(){
    document.write('<%@ include file="/planmanagement/planSummary/ConfirmationPopup.jsp" %>');
    }
</script>
 </div>