1,
<div class="col-12@sm"> <h3>添加元素</h3> <p>无论您在DOM中添加元素的哪个位置,它都会显示在网格中(假设您使用默认的排序方式)。 考虑到这一点,您可以追加,前置或插入元素,以便让它们以正确的顺序显示。</p> <div class="code-block"> <pre rel="JavaScript"> <code class="language-javascript"> Demo.prototype.setupEvents = function () { document.querySelector('#append').addEventListener('click', this.onAppendBoxes.bind(this)); }; /** * Create some DOM elements, append them to the shuffle container, then notify * shuffle about the new items. You could also insert the HTML as a string. */ Demo.prototype.onAppendBoxes = function () { var elements = this._getArrayOfElementsToAdd(); elements.forEach(function (element) { this.element.appendChild(element); }, this); // Tell shuffle elements have been appended. // It expects an array of elements as the parameter. this.shuffle.add(elements); }; </code> </pre> </div>