0

Jquery を機能させることができません。ページのさらに下の div まで見栄えの良いスクロールダウンを行うコードをいくつか挿入しました。a タグと jquery の周りに HTML を追加しました。

HTML

<div id="facebookbanner">   
    <div id="facebookbannertext">
        <div id="knapper">
            <div class="btn_apps"><a href="#fbeksempler"></a></div>
            <div class="btn_bestil"><a href="#"></a></div>
        </div>
     </div>
     <div id="facebookbannerbillede">   
     </div>
 </div>

Jクエリ

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script>

$('#fbeksempler a').on('click', function(evt){
    evt.preventDefault();
    var target = $(this).attr('href');
    $('html, body').stop().animate({scrollTop: $(target).offset().top}, 2000);
});

</script>
4

3 に答える 3

1

主な問題は、.attr()メソッドを使用するときにターゲット変数を文字列に設定していることのようです。次に、そのターゲットの先頭までスクロールしようとしています。これは、DOM要素を表すjQueryオブジェクトではありません。

href私はあなたがやろうとしていることは、リンクのIDと等しいIDを持つページのどこかでjQueryオブジェクトを見つけることだと思います。

$('#facebookbanner a').on('click', function (evt) {
    evt.preventDefault();
    var contentId = $(this).attr('href');
    var content = $(document).find(contentId);
    $('html, body').stop().animate({
        scrollTop: $(content).offset().top
    }, 2000);
});

jsfiddle

于 2013-02-13T13:20:03.970 に答える
0

問題は、//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.jsローカルでテストするときにプロトコルの相対 URL が機能しないことだと思います。
多分http://code.jquery.com/jquery-1.9.1.min.jsそれがあなたのために働くかどうか試してみてください.

于 2013-02-13T15:14:58.783 に答える