Question

我的页面中有一个链接，我想阻止此链接将我重定向到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>');
            }
        });


    });
});

但它仍然会将我重定向到另一页。

如何防止链接重定向到另一个页面？

Answer 1

尝试使用return false;代替event.preventDefault();，但在调用ajax后使用它。

Answer 2

使用

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

Answer 3

您可以像下面一样修改超链接href。这种方法在JQuery中不需要任何代码。

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

防止链接重定向到另一个页面

3 个答案: