如何使用jQuery确认点击链接

Question

我在一个HTML表格中有许多链接，当点击时会删除对应的行（通过GET参数调用PHP脚本）。

它们都有一个名为 delete_row 的class。

当点击这样的链接时，我该如何使用jQuery显示一个 confirm('真的要删除吗？') 对话框？

当在对话框中选择 No 时，当然要防止跟随该链接。

- Alexander Farber

Answer 1

试试这个。

$('.delete_row').click(function(){
    return confirm("Are you sure you want to delete?");
})

- ShankarSangoli

---

这里不需要使用event.preventDefault()吗？ - Alexander Farber

true/false - ShankarSangoli

运行得很好，我如何使用例如data-message属性自定义对话框中的消息？ - petekaner

Answer 2

非常简单且有效的一行解决方案，无需使用 jQuery:

<a href="to/your/path" onclick="return confirm('Are you sure you want to delete?');">Delete</a>

- Indrasinh Bihola

---

完美运行 ;) 谢谢 - I Am Stack

Answer 3

您可以在处理程序函数中使用事件对象的preventDefault方法：

jQuery('.delete_row').click(function(event){
     if(!confirm('Really Delete?')){
         event.preventDefault();
     }
})

- Headshota

Answer 4

我认为有一个错误！

使用这个：

$('.delete_row').click(function(){
    return confirm("Are you sure you want to delete?");
});

- seipsum

Answer 5

您可以在确认后像这样调用另一个函数：

<a href="to/your/path" onclick="return confirm('Are you sure you want to delete?') && yourOtherFunction();">Delete</a>

- Trace