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

Question

我在以下代码中遇到问题。这段代码在 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>

请让我知道我需要在此代码中进行哪些更改才能在所有浏览器中运行它。谢谢。

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);
        }
    }
});