如何通过CSS禁用某些页面的JS功能？

Question

我有一个全局应用的JS，用于在用户尝试链接到网站外时返回弹出警报消息：

$("a[target='_blank']").click( function() {
    return confirm('Please don’t leave...');
});

是否有一个简单的CSS脚本我可以应用于某些页面以逐页忽略此全局函数（或div类的div类）？

Answer 1

CSS用于样式化，在这种情况下无济于事。但是，您可以向要忽略此功能的元素添加class，并添加not()方法。试试这个：

$("a[target='_blank']").not('.allow-click').click( function() {
    return confirm('Please don’t leave...');
});

请注意，您需要添加allow-click类，如下所示：

<a href="http://example.com" target="_blank" class="allow-click">Foo</a>

另请注意，在某人离开您的网站之前弹出警报 真的 很烦人，并且通常认为这是件坏事。