javascript - 滚动时从数据库中添加更多项目

Question

我有一个问题，我无法运行这个脚本，问题是我使用了mcustomscrollbar 所以我没有阅读 Scroll 事件；不执行滚动事件。

<script type="text/javascript">
        var page = 1;

        $("#my_div").scroll(function () {
            $('#more').hide();
            $('#no-more').hide();

            if($("#my_div").scrollTop() + $("#my_div").height() > $("#my_div").height() - 200) {
                $('#more').css("top","400");
                $('#more').show();
            }
            if($("#my_div").scrollTop() + $("#my_div").height() == $("#my_div").height()) {

                $('#more').hide();
                $('#no-more').hide();

                page++;

                var data = {
                    page_num: page
                };

                var actual_count = "<?php echo $actual_row_count; ?>";

                if((page-1)* 12 > actual_count){
                    $('#no-more').css("top","400");
                    $('#no-more').show();
                }else{
                    $.ajax({
                        type: "POST",
                        url: "../data.php",
                        data:data,
                        success: function(res) {
                            $("#result").append(res);
                            console.log(res);

                        }
                    });
                }

            }


        });

    </script>

我怎样才能使这个脚本适应这个插件， http: mcustomscrollbar //manos.malihu.gr/jquery-custom-content-scroller/

事件

$(document).on('scroll',"#my_div",function () { 

在此插件mcustomscrollbarmanos.malihu.gr/jquery-custom-content-scroller 上无法识别。请帮帮我！

Answer 1

也许是因为您没有等待 DOM 准备好。尝试这个：

<script type="text/javascript">
    var page = 1;
    $(function () { //DOM ready handler
        $(document).on('scroll',"#my_div",function () {
            //all your code here
        });
    });
</script>