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，但仍会显示confirmationpopup.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>

单击按钮时，在另一个中包含jsp

2 个答案: