1

簡単なコードがあります。私はまだこのjqueryのマラークを手探りしているので、簡単にしてください。

ユーザーがクリックされるたびにページのトップに移動する厄介なハッシュタグを止めようとしています。

問題の Web サイトは、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 に答える