0

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

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

和

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

无济于事。他们唯一能做的就是永久关闭页面上的每个链接，当然，一旦我完全删除了 href 属性，就无法再次重新启用它们。还有其他人尝试过这样做吗？也许我正在做他很难的方式。没有想法了。谢谢！

4

3 回答 3

1

当您打开弹出窗口时，shutdown向所有锚点添加一个类：

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

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

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

    e.preventDefault();

});

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

于 2012-09-29T04:20:56.430 回答
0

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

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

祝你好运！

于 2012-09-29T04:20:28.820 回答
0

用这个

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

//or 

return false;

})
于 2012-09-29T04:22:22.263 回答