javascript - jQuery - 调用 div 类而不是 div id

Question

我仍在学习 javascript 和 jQuery。

<script src="macy.js"></script>
<script>
    Macy.init({
    container: '#macy-container',
    trueOrder: false,
    waitForImages: false,
    margin: 24,
    columns: 2,
    breakAt: {
        1200: 5,
        940: 3,
        520: 2,
        400: 1
    }
    });
</script>

而不是名为 macy-container 的 div id。我想调用一个名为 macy-container 的类。

这是我尝试过的:

<script src="macy.js"></script>
<script>
    Macy.init({
    container: '.macy-container',
    trueOrder: false,
    waitForImages: false,
    margin: 24,
    columns: 2,
    breakAt: {
        1200: 5,
        940: 3,
        520: 2,
        400: 1
    }
    });
</script>

没成功。我尝试寻找解决方案，但其他解决方案不起作用。

Answer 1

我会尝试将 init 包装在文档就绪函数中。页面可能尚未完成渲染并尝试查找尚未构建的此类。

<script>
$( document ).ready(function() {
    Macy.init({
    container: '.macy-container',
    trueOrder: false,
    waitForImages: false,
    margin: 24,
    columns: 2,
    breakAt: {
        1200: 5,
        940: 3,
        520: 2,
        400: 1
    }
    });
});
</script>