0

だから私はjsfiddleで動作する動的スクロールを作成しました-> http://jsfiddle.net/9zXL5/39/

var movelist = document.getElementById('movelist');

function yHandler() {
    var contentHeight = movelist.scrollHeight;
    var yOffset = movelist.clientHeight;
    var y = yOffset + movelist.scrollTop;
    if (y >= contentHeight) {
        movelist.innerHTML += '<div class ="newData">yooooo</div>';
    }
}


movelist.onscroll = yHandler;​

しかし、yHandler が定義されていないなどのキャッチされないエラーがありました。そこで、var movielist=.. と movielist.onscroll = yHandler; を配置してエラーを修正しました。私の $(document).ready 内。エラーはなくなりましたが、見たようにスクロールが一番下に達したときにコンテンツが読み込まれません --> http://jsfiddle.net/9zXL5/40/ 

$(document).ready(function() {
    var movelist = document.getElementById('movelist');

    movelist.onscroll = yHandler;
});

function  yHandler (){

        var contentHeight = movelist.scrollHeight;

        var yOffset = movelist.clientHeight;

        var y = yOffset + movelist.scrollTop;

        if(y >= contentHeight){

            movelist.innerHTML += '<div class ="newData">hey look at me</div>';

        });
    }
}

理由がわかりません。誰かがなぜそうなのかを説明してくれたら、本当にありがたいです。

4

2 に答える 2

0

その jsFiddle で、次のような原因で多数の JavaScript 構文エラーが発生しました。

  1. jQueryをロードしていない、
  2. 関数宣言の後に不要な括弧とセミコロン ( );) があり、その関数宣言の後に追加の比類のない閉じ中括弧 ( }) があります。

JavaScript デバッガーをまだインストールしていない場合は、インストールするか、使い始めることを強くお勧めします。Firefox を使用している場合は、個人的には Firebug を使用することをお勧めします。Internet Explorer と Chrome では、キーを使用して組み込みの開発者ツールにアクセスできF12ます。

これが更新された jsFiddleです。

于 2012-09-19T09:35:05.137 に答える
0

フィドルにいくつかのエラーがあります：

  1. あなたはjQueryをロードしていません
  2. いくつかの構文エラーがありました

ここに実用的なフィドルがあります：http://jsfiddle.net/9zXL5/42/

コンソール (chrome/devtools または FF/firebug) を使用してエラーを見つけて修正すると役立ちます。あなたの場合、ここに閉じ括弧と括弧がありました：

        movelist.innerHTML += '<div class ="newData">hey look at me</div>';
    }); // <-- remove the );
} // <-- remove this line
于 2012-09-19T09:33:40.597 に答える