Jquery 古怪的输出，使用Packy随机定位div

我有麻烦插入一个div（广告横幅）随机在一堆其他div

我从这个问题中找到了我正在使用的工作示例：

但是，我的模板被插入其中一个项/子项，而不是它的外部容器/目标

这是我的html：

<div class="template" style="display: none;">
    <a class="item advertisement">
        <div class="item-inner-wrapper">
            <img alt="image" src="http://placehold.it/525x765">
        </div>
    </a>
</div>

<div class="listings">

    <a class="item card" href="#">
        <div class="item-inner-wrapper">
            <img alt="" src="http://placehold.it/525x765">
        </div>
    </a>

    <a class="item card" href="#">
        <div class="item-inner-wrapper">
            <img alt="" src="http://placehold.it/525x765">
        </div>
    </a>

</div>

---

我这里哪里出错了？

尝试在

之后将
附加到

 var insertionTemplate = $('.template').find('.item').html(),
            insertionTarget = $('.listings'),
            insertionTargetChildren = insertionTarget.find('.item'),
            insertionFrequency = 1;

    var random;
    for (var i = 0; i < insertionFrequency; i++) {
        random = Math.floor(Math.random() * insertionTargetChildren.length) + 0;
        insertionTargetChildren.eq(random).after(insertionTemplate);
    }

    $('.listings').packery({
        itemSelector: '.item'
    });

var insertionTemplate=$（'.template'）.find（'.item'）.html（），
insertionTarget=$（'.listings'），
insertionTargetChildren=insertionTarget.find（'.item'），
插入频率=1；
var随机；
对于（var i=0；i
尝试在
之后将
附加到

 var insertionTemplate = $('.template').find('.item').html(),
            insertionTarget = $('.listings'),
            insertionTargetChildren = insertionTarget.find('.item'),
            insertionFrequency = 1;

    var random;
    for (var i = 0; i < insertionFrequency; i++) {
        random = Math.floor(Math.random() * insertionTargetChildren.length) + 0;
        insertionTargetChildren.eq(random).after(insertionTemplate);
    }

    $('.listings').packery({
        itemSelector: '.item'
    });

var insertionTemplate=$（'.template'）.find（'.item'）.html（），
insertionTarget=$（'.listings'），
insertionTargetChildren=insertionTarget.find（'.item'），
插入频率=1；
var随机；
对于（var i=0；i
差不多就到了，它现在将它与其他html放在了一起，但是由于某些原因，“item”html仍然被删除。屏幕截图：差不多了，它现在将它与其他内容放在一起，但是由于某些原因，“item”html仍然被删除。截图：
 var insertionTemplate = $('.template').find('.item').html(),
            insertionTarget = $('.listings'),
            insertionTargetChildren = insertionTarget.find('.item'),
            insertionFrequency = 1;

    var random;
    for (var i = 0; i < insertionFrequency; i++) {
        random = Math.floor(Math.random() * insertionTargetChildren.length) + 0;
        insertionTargetChildren.eq(random).after(insertionTemplate);
    }

    $('.listings').packery({
        itemSelector: '.item'
    });