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

我正在制作一个销售图库，用户点击一个图像，页面前面的弹出框就会消失。该框包括产品详细信息、订单信息和样式化的退出按钮，用于关闭该框并返回库。用户也可以通过在框外单击返回到图库。但是，当框打开时，我希望窗口后面的所有链接（导航菜单等）都被禁用，但退出按钮除外。一旦用户关闭该框，应再次启用它们。我试过玩类似的东西

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

及

$（'a'）.attr（'href'，''）

无济于事。他们唯一能做的就是永久关闭页面上的每个链接，当然，一旦我完全删除了href属性，就无法再次启用它们。还有人试过这样做吗？也许我是在用他的方式做这件事。没有主意了。谢谢
 将
$绑定。单击（）
处理程序到链接，然后
防止默认值
：

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

祝你好运
 打开弹出窗口时，向所有锚点添加
shutdown
类：

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

然后只需防止此类类元素上的默认行为：

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

    e.preventDefault();

});

关闭弹出窗口时，删除类。
使用此选项

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

//or 

return false;

})

处理这个问题的最佳方法是使用模式类型弹出窗口（覆盖），谢谢