为什么委托在main.js中不起作用，而它在index.html中有效？

Question

在我的代码中，当我在main.js中使用它时，委托函数不起作用，而在html中使用的脚本确实有效。

<script src="main.js"></script>
<script>
    $(document).ready(function(){
        $("body").delegate(".menu_s", "click",function(event){
            event.preventDefault();
            var menu_id=$(this).attr('menu_id');
            alert(menu_id)
        });
    });
</script>

main.js的代码

$(document).ready(function(){
        $("body").delegate(".menu_s", "click",function(event){
            event.preventDefault();
            var menu_id=$(this).attr('menu_id');
            alert(menu_id)
        });