1

我有一些简单的代码。我还在摸索这个 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>

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

汤姆

4

2 回答 2

4

该行：

$('#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>
于 2012-09-12T20:54:47.647 回答
2

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

例如，如果您使用的是锚标签，其默认功能是转到特定链接。如果您使用 preventDefault 那么它是有道理的。但在其他情况下则不然

如果您使用按钮，那么这样做将阻止按钮单击事件的默认功能。

于 2012-09-12T20:54:18.850 回答