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

Question

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

之类的东西

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

和

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

无济于事。这些管理要做的唯一事情是关闭页面上的每个链接，当然，一旦我完全删除了href属性，就无法再次重新启用它们。有没有其他人试过这样做？也许我正在努力做到这一点。用尽了想法。谢谢！

Answer 1

当您打开弹出窗口时，将shutdown类添加到所有锚点：

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

然后只是防止这些类元素的默认行为：

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

    e.preventDefault();

});

关闭弹出窗口时，请删除类。

Answer 2

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

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

祝你好运！

Answer 3

使用此

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

//or 

return false;

})