Question

我有一些简单的代码。我仍然在这个jquery malark周围摸索，所以很容易。

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

有问题的网站是这样的：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>

Answer 2

这里的标题是什么..如果它是一个div我不认为它有任何与之相关的默认事件..

例如，如果您使用锚标记，则其默认功能是转到特定链接。如果您执行preventDefault，那么它有一定意义..但不是在其他情况下

如果您使用按钮，则执行此操作将阻止按钮单击事件的默认功能..

e.preventDefault无效 - jquery

2 个答案: