防止链接,确认然后转到位置jquery

前端之家收集整理的这篇文章主要介绍了防止链接,确认然后转到位置jquery前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有这样的链接
  1. <a href="delete.PHP?id=1" class="delete">Delete</a>

如果用户点击它.一个确认应弹出,然后只有当用户单击是,它应该转到实际的url.

我知道这可以防止默认行为

  1. function show_confirm()
  2. {
  3. var r=confirm("Are you sure you want to delete?");
  4. if (r==true) { **//what to do here?!!** }
  5.  
  6. }
  7.  
  8.  
  9. $('.delete').click(function(event) {
  10. event.preventDefault();
  11. show_confirm()
  12. });

但是,如果我确认之后,我如何继续使用该链接或发送一个ajax帖子到该链接

解决方法

您可以在点击中完成所有操作:
  1. $('.delete').click(function(event) {
  2. event.preventDefault();
  3. var r=confirm("Are you sure you want to delete?");
  4. if (r==true) {
  5. window.location = $(this).attr('href');
  6. }
  7.  
  8. });

或者你可以通过将点击的元素传递给函数来实现:

  1. function show_confirm(obj){
  2. var r=confirm("Are you sure you want to delete?");
  3. if (r==true)
  4. window.location = obj.attr('href');
  5. }
  6. $('.delete').click(function(event) {
  7. event.preventDefault();
  8. show_confirm($(this));
  9.  
  10. });

猜你在找的jQuery相关文章