-1

次のコードで問題に直面しています。このコードは Firefox では正常に動作していますが、Chrome、Internet Explorer 8、Opera で同じことを試したところ、動作しませんでした。

以下は私のコードです：

<script type="text/javascript">
    $('bodyUl').ready(function(){

        // checking if we are at the end of the window
        $(document).scroll(function(){
            if  ($(window).scrollTop() == $(document).height() - $(window).height()){
                loadNewData();
            }
        });

        function loadNewData(){
            alert('loadingNewData');    
            for (var i=0; i<20; i++){
                $('ul').append($('<li>'+new Date().getTime()+'</li>'));
            }
        }
    });
</script>

すべてのブラウザで実行するには、このコードにどのような変更を加える必要があるか教えてください。ありがとう。

4

1 に答える 1

2

現在のドキュメントに一致する要素だけがready()メソッドを持っています:

$(document).ready(function(){
    $(window).on('scroll', function(){
        if  ( $(window).scrollTop() == ($(document).height() - $(window).height()) ) {
            loadNewData();
        }
    });

    function loadNewData(){
        for (var i=0; i<20; i++){
            var li = $('<li />', {text:new Date().getTime()});
            $('ul').append(li);
        }
    }
});
于 2013-07-17T13:47:09.380 に答える