禁用/启用页面上的所有链接

Question

我正在销售库中用户单击图像，弹出框在页面前淡出。该框包括产品详细信息，订单信息和一个风格化退出按钮，以关闭该框并返回到图库。用户也可以通过在框外单击来返回到图库。但是，当该框打开时，我希望窗口后面的所有链接（导航菜单等）除了退出按钮被禁用。一旦用户关闭盒子，应该再次启用它们。我试着玩弄之类的东西

$('a:not(a.popout)').removeAttr('href'); 

和

$('a').attr('href', '');

无济于事。他们唯一能做的就是关闭页面上的每一个链接，当然，当我完全删除href属性后，无法重新启用它们。其他人曾试图做到这一点？也许我很努力地做到这一点。用尽想法。谢谢！

Answer 1

绑定$.click()处理程序到你的链接，并prevent default：

$('a').not('.popout').click(function(event) { 
    ... 
    event.preventDefault(); 
}); 

祝你好运！

Answer 2

当您打开弹出式视窗，添加一个shutdown类所有锚：

$('a:not(a.popout)').addClass('shutdown'); 

然后只是阻止这种类元素的默认行为：

$(document).on('click', 'a.shutdown', function(e){ 

    e.preventDefault(); 

}); 

当您关闭弹出式视窗，取出类。

Answer 3

使用此

$('a:not(a.popout)').click(function(e){ 
e.preventDefault(); 

//or 

return false; 

})