jquery - 在单击事件不起作用时返回 false

Question

知道为什么这段代码不起作用吗？我已经花了一个小时搜索和测试一些本应简单可笑的东西！我已经尝试使用 return false 和其他答案中建议的其他解决方案，但页面仍然跳到顶部忽略 return false。怎么了？

$('#about a').click(function(e) {
    $('.overlay').fadeTo(300, 0.95);
    $('#about-text').fadeTo(300, 1);
    e.preventDefault();   
});

编辑：这是#about a 的 html。也许脚本中元素的语法有问题？

<div class="projects" id="about"><a href="#">About</a></div>

编辑 2：经过广泛的搜索、反复试验，我找不到为什么这不起作用。我决定从#about div 中删除#anchor 链接并直接在div 上应用他的功能，这当然可以正常工作，因为它不再有href。

Answer 1

尝试：

$('#about a').click(function(e) {
    e.preventDefault();  
    $('.overlay').fadeTo(300, 0.95);
    $('#about-text').fadeTo(300, 1);
     return false;
});

将 e.preventDefault() 放在顶部将确保事件停止。您的 fadeTo 函数可能存在运行时错误。