Question

我在以下代码中遇到问题。这段代码在firefox中工作得很好，但是当我在chrome，Internet Explorer 8上尝试相同的操作时，它无法正常运行。

以下是我的代码：

<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>

请告诉我在此代码中需要做些什么更改才能在所有浏览器中运行它。感谢。

Answer 1

只有与当前文档匹配的元素才有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);
        }
    }
});

以下代码中的跨浏览器兼容性问题

1 个答案: