Question

我已重定向到logout.php

<a class="menu_button" href="logout.php">Logout</a>

在logout.php上我只是销毁会话并将用户重定向回登录。

我需要的是当用户点击menu_button Logout时，显示对话框，要求他确认他要退出。

我知道我可以通过php新页面来做，但是认为这更优雅。

我有这个：

<a class="menu_button" href="logout.php" onClick="return confirm('Sure to logout?');">Logout</a>

但浏览器弹出窗口只是丑陋..

编辑：

我用过这个，它不起作用......

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.min.js"></script>
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.1/themes/blitzer/jquery-ui.css" type="text/css" />
<script src="jquery/js/jquery.easy-confirm-dialog.js"></script>
<script>
$(".customDialog").easyconfirm({dialog: $("#question")});
</script>

体

<a href="?confirm=true" class="customDialog">Test with custom confirm dialog</a>
  <div class="dialog" id="question"><img src="question.png" alt="" />Do you want to continue?</div>

Answer 1

你是否熟悉jQuery（更具体地说是jQuery ui？他们可以让你创造相当漂亮的对话框（我的意思是你可以用它们做几乎任何事情，你可以用你的页面 - 以简单的方式）。

我还建议使用jquery easy confirmation dialogs插件。

Answer 2

您可以调整jQuery UI对话框。这是非常容易使用。实际上，请尝试http://jqueryui.com/dialog/#modal-confirmation

注销确认对话框

2 个答案: