jQuery选择器ID无法识别问题

Question

    <div class="ground">
            <div class="row">
                <div class="box" id="block1">&nbsp;</div>
                <div class="box" id="block2">&nbsp;</div>
                <div class="box" id="block3">&nbsp;</div>
                <div class="box" id="block4">&nbsp;</div>
            </div>
        </div>

这是我的HTML。

$(document).ready(function(){
    $('#block1').click(function(){
    $(this).slideUp();
    });
});

这是我的剧本。 在这里，我试图在id点击时使用id做某些事情。 但是，这个简单的代码不起作用。

当我将带有“block1”的div作为div在class = ground之外时，它可以正常工作。 但是每当我放入其他标签时，选择器就不会识别id，当我点击它时没有任何反应。

据我所知，不管它属于哪个地方都应该被识别，不是吗？