Javascript 滚动时从数据库添加更多项目

我有一个问题，我无法运行此脚本，问题是我使用了

mcustomscrollbar

所以我没有读滚动事件； 不执行滚动事件

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

---

在此插件

mcustomscrollbar

manos.malihu.gr/jquery-custom-content-scroller上无法识别。请帮帮我

可能是因为您没有等待DOM就绪。试试这个：

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

var-page=1；
$（函数（）{//DOM就绪处理程序
$（文档）.on（'scroll'，“#my_div”，函数（）{
//所有代码都在这里
});
});

database是一个相当酷的打字错误我只想要一个homework@techfoobar，抱歉编辑；）脚本在没有mcustomscrollbar的情况下工作！好的，那么也许mcustomscrollbar插件会覆盖特定元素的滚动事件。我将使用委托更新答案，也许可以消除这种行为。不幸的是，不，奇怪的是我不理解错误！这将是一个愚蠢的错误，但我无法理解事件$（文档）。在（'scroll'，“#my_div”，函数（）{在这个插件mcustomscrollbar help meee-pleseeee上无法识别

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