Javascript 阻止链接重定向到其他页面
我的页面中有一个链接,我想阻止此链接将我重定向到href属性中的链接 我尝试了以下方法:Javascript 阻止链接重定向到其他页面,javascript,jquery,Javascript,Jquery,我的页面中有一个链接,我想阻止此链接将我重定向到href属性中的链接 我尝试了以下方法: $(function(){ $('#logout-link').click(function(event){ event.preventDefault(); $.ajax({ url : $(this).attr('href'), success : function(data){
$(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>');
}
});
});
});
$(函数(){
$(“#注销链接”)。单击(函数(事件){
event.preventDefault();
$.ajax({
url:$(this.attr('href'),
成功:功能(数据){
$(“#登录加载程序”).hide();
位置。重新加载(true);
},
错误:函数(){
$(“#错误登录”)。替换为(“Une erreur aétérencontrée lors du deconnexion!”);
}
});
});
});
但它仍然将我重定向到另一页
如何防止链接重定向到其他页面?尝试使用
返回false代码>而不是事件.preventDefault()代码>但在ajax调用后使用它。使用
$(document).on("click", '#logout-link', function(event){
event.preventDefault();
// your ajax call here
});
您可以修改超链接href,如下所示。此方法不需要JQuery中的任何代码
<a id="logout-link" href="javascript:void(0);">Logout</a>
尝试在点击句柄的末尾添加返回false
,通常在事件发生时。preventDefault
不起作用。这意味着存在一些javascript错误,无法执行,请检查控制台是否有错误,或者确保jquery确实选择了您的链接selector@RC. 是的,我已经试过了,但没有成功:/@PatrickEvans我已经检查过我的控制台,没有错误,在同一个js文件中,我阻止表单提交,如果有错误,阻止表单提交的代码也不会起作用。你试过几种浏览器吗?您正在使用哪个jQuery版本。。。有小提琴吗?这是唯一附加的处理程序吗?您确定JS正在工作吗。尝试使用alert()
进行确认。或者,不要在开始时使用$(function(){
),而是尝试使用$(document).ready(function(){
)。在Angular(万一有人需要)中,您需要:(单击)=“false”。请注意。此页面上的任何解决方案都不能在工业环境中仍在使用的WM5/6上的IE中可靠工作。