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>

jQuery - 调用div类而不是div id

1 个答案: