小编And*_*iro的帖子

我正在建立一个图像组合网站,我需要根据图像的可变大小来堆叠图像.到目前为止,这是我用flexbox实现的:

这就是我想要的地方!

有人知道如何让孩子在Flexbox显示器上堆叠这种方式吗？我发誓我在flexbox教程的任何地方都找不到这个特殊的结构,虽然我已经在tumblr博客显示器上看过几次了.

这是我的代码:http: //jsfiddle.net/822h7ztd

.flexman {
    width:100%;
    padding: .2vw;
    flex-flow: row wrap;
    display: flex;
}
.flexman div {
    background: red;
    width: 100px;
    height:50px;
    margin: .2vw; 
}

我正在尝试在网页上运行用javascript编写的IMacros宏,如下所示:

for (var i = 1; i < 18; i++) {
   document.querySelector(".foo table > tbody > tr:nth-child(" + i + ") > .goo:nth-child(2) > a").click();
   document.querySelector(".foo > a").click();

if (i % 17===0) {
    alert('Reset i');
    i = 1;
    }
}

从js控制台看,一切似乎都运行良好,但是当我运行宏时,我得到:

"ReferenceError: document is not defined, line 2 (Error code: -991)"

我用这个将JQuery加载到iMacros中,并将我的代码放在:

$(document).ready(function () {
    //
}); 

但是如果我使用JQuery,我会不断收到此错误:

TypeError: $ is not a function, line 28 (Error code: -991)

如果我只使用JS,我会像以前一样得到"文件未定义"错误.

所以我的问题是,我是否需要定义文档,我该怎么做？