Javascript 确认删除而不发生onClick事件
我试图在单击“删除此”链接后创建确认框 我可以使用Javascript 确认删除而不发生onClick事件,javascript,jquery,confirm,Javascript,Jquery,Confirm,我试图在单击“删除此”链接后创建确认框 我可以使用onClickevent来实现这一点。然而,我读到这并不酷。所以,我找到了一个很酷的图书馆为我制作确认框。它叫Bootbox,但我想这并不重要 这就是我所做的(实际上是粘贴的): 我得到了这样一个链接: <a class="confirm" href=#>Delete Record|</a> 我可以像这样获得用户输入。然而,我不知道如何让用户去删除页面,如果他/她点击是,或什么也不做,当他/她点击否 做这件事最好的方法是
onClick
event来实现这一点。然而,我读到这并不酷。所以,我找到了一个很酷的图书馆为我制作确认框。它叫Bootbox,但我想这并不重要
这就是我所做的(实际上是粘贴的):
我得到了这样一个链接:
<a class="confirm" href=#>Delete Record|</a>
我可以像这样获得用户输入。然而,我不知道如何让用户去删除页面,如果他/她点击是,或什么也不做,当他/她点击否
做这件事最好的方法是什么?编辑(第一个是离题的)
您必须在回调结果中重定向链接的href,只有结果为true,所以
<a href="/Page/Delete/2" class="confirm">Delete</a>
$(document).on("click", "a.confirm", function (e) {
e.preventDefault();
var target = $(e.target);
bootbox.confirm("?", function (result) {
if (result) {
window.location.href = $(target)[0].href;
}
});
});
$(文档)。在(“单击”,“a.确认”,功能(e){
e、 预防默认值();
var目标=$(e.target);
引导框。确认(“?”,函数(结果){
如果(结果){
window.location.href=$(目标)[0].href;
}
});
});
这实际上取决于您要删除的数据的存储方式。若您只想从页面中隐藏已删除的元素,那个么可以使用javascript实现。
例如:
如果您将显示的数据存储在数据库中,您应该使用ajax请求例如从数据库中删除数据的php。我很好奇您在哪里读到它不酷啊哈。@Kuma
confirm()
提示是同步的(阻止应用程序的其余部分)不可自定义…@UnknownUser更新了问题。单击asp.net是一个问题还是仅仅是一个输入错误?以下是我的设置方法:-注意正在设置的href
和窗口.location.href
(进行重定向)这是您从问题中理解的吗?如果用户单击“删除12”,我希望用户转到mypage.com/delete/12,如果单击“否”,则不执行任何操作。@citizen_of_noobville此“/delete/12”URI存储在哪里?您发布的href
显示“#”对不起,我读得太快了。我将编辑我的回复。您必须在确认回调函数中调用您的请求
<a href="/Page/Delete/2" class="confirm">Delete</a>
$(document).on("click", "a.confirm", function (e) {
e.preventDefault();
var target = $(e.target);
bootbox.confirm("?", function (result) {
if (result) {
window.location.href = $(target)[0].href;
}
});
});
$(document).on("click", ".alert", function(e) {
bootbox.confirm("?", function(result) {
$(this).hide(200); // animated
});
});