防止鏈接重定向到另一頁

我在我的頁面中有一個鏈接，我想阻止此鏈接將我重定向到href屬性中的鏈接。防止鏈接重定向到另一頁

我嘗試如下所示：

$(function(){ 
    $('#logout-link').click(function(event){ 
     event.preventDefault(); 

     $.ajax({ 
      url  : $(this).attr('href'), 
      success : function(data){ 
       $('#login-loader').hide(); 
         location.reload(true); 
      }, 
      error : function(){ 
       $('#error-login').replaceWith('<div id="error-login" class="msg fail"><p>Une erreur a été rencontrée lors du deconnexion!</p></div>'); 
      } 
     }); 


    }); 
});

但它劇照重定向我壽的其他頁面。

如何防止鏈接重定向到另一頁？

來源

2014-04-06 Ichigo Kurosaki

嘗試加入'的'click'處理 –

的最後返回FALSE'平時'event.preventDefault'，不工作就意味着有一些JavaScript錯誤，防止它被執行，檢查您的控制檯對於錯誤，或者確保你的鏈接實際上是由你的jquery選擇器 –

@RC選擇的。是的，我已經嘗試過，它沒有奏效：/ –

嘗試用return false;而不是event.preventDefault();但在ajax調用後使用它。

來源

2014-04-06 17:09:10 Miraj

我試過了，仍然不起作用。 –

你確定JS正在工作。試着用alert（）來確認。或者不是在開始時使用'$（function（）{'），嘗試使用'$（document）.ready（function（）{'。 – Miraj

使用

$(document).on("click", '#logout-link', function(event){ 
     event.preventDefault(); 
     // your ajax call here 
    });

來源

2014-04-06 20:29:26

您可以修改超級鏈接href的下面。這個方法在JQuery中不需要任何代碼。

<a id="logout-link" href="javascript:void(0);">Logout</a>

來源

2017-06-13 07:20:58

只是一個註釋。 WM5/6不幸仍在工業環境中使用。 – Ben

防止鏈接重定向到另一頁

回答

相關問題