jquery - e.preventDefault 不起作用 — jquery

Question

我有一些简单的代码。我仍在摸索这个 jquery malark，所以放轻松。

我试图阻止那些讨厌的标签，只要用户点击它们，就会将其带到页面顶部。

有问题的网站是这样的:studiojubilee.com/pattern.如果向下滚动页面，然后单击“客户/信息”，页面会跳到顶部。我正在尝试用以下方法修复它:

<script type="text/javascript">
    $(document).ready(function(){

        $('html').fadeIn(800);
        $('#information').click(function(e) {
            $("#gutter, #us").fadeToggle(600);
        });
        $('#clients').click(function(e) {
            $("ul, #gutter").fadeToggle(600);
        });

        $('#title').click(function(e) {
            $("#gutter").fadeToggle(600);
            e.preventDefault();
        });
    });
</script>

这是 html:

<div id="clients"><a href="#">Clients</a></div>

<div id="title"><a href="#">Studio Jubilee</a></div>

<div id="information"><a href="#">Information</a></div>

我知道这对于具有任何专业知识的人来说可能看起来很愚蠢。帮帮兄弟吗？

汤姆

Answer 1

行:

$('#title').click(function(e) { ...

未被调用，因为只有中心链接具有此 ID。

使用类来代替。

<div id="clients"><a class="prevent-default" href="#">Clients</a></div>

<script>
    $('.prevent-default').click(function(e) { e.preventDefault(); });
</script>