我使用这个jQuery UI作为注销的确认对话框:
$(function() {
$("#opener").click(function() {
$("#dialog").dialog({
resizable: false,
height: "auto",
width: 400,
modal: true,
buttons: {
"Logout": function()
{
location = "logout.php";
},
Cancel: function()
{
$(this).dialog( "close" );
}
}
});
});
});
<img src="cross.png" border="0" alt="Logout" id="opener" />
<div id="dialog" title="Logout">
<p><span class="ui-icon ui-icon-alert" style="float:left; margin:12px 12px 20px 0;"></span>
logout?
</p></div>
可以正常工作,但是:
我有一个表,所有的行来自数据库。每一行都有一个交叉图标链接到?action=delete&id=x
X是数据库中的行id。当使用从db获取的foreach()
数据创建一个表时,我在每行的一列中都有这个,以确认行删除:
<a href="<?=$_SERVER['PHP_SELF']?>?action=delete&id=<?=$user['id']?>" onclick="return confirm('Are you sure you want to delete?')">
<img src="cross.png" width="16" height="16" alt= "Delete" border="0" />
</a>
我想用jQuery对话框迁移。确认后,如何设置位置,如blah.php?action=delete&id=94
94是数据库中的行号。在上面的例子中,重定向到logout.php很容易,但是:1)如何通过$user['id']的值附加到位置url?2)因为这是在foreach()如何避免相同的jQuery UI函数一次又一次?
这是我的建议,使用一个基本的例子。
我的工作示例:https://jsfiddle.net/Twisty/mafnxaxq/