从自定义javascript模块中预先添加Masonry Items

时间:2015-11-03 23:29:48

标签: javascript jquery masonry

我在课堂上有一个div。.masonry-processed'那是我的砌体容器。在页面加载时,这将加载所有项目并正确格式化。

我还在底部的一个单独的容器中有一个隐藏项目列表。我想从这个容器中取出一些物品并将它们添加到砌体网格中。每个项目作为data-date的属性。如果日期在今天的两周内,则应该预先添加此项目。

我有一个自定义Javascript模块,我正在尝试将前置函数添加到。

模块执行事件是否应该预先添加的逻辑,然后发送应该添加到此函数的事件的日期:

stampDates: function(dataDate){
    // adds the masonry item class to the object
    eventItem = jQuery(this.eventItem).attr('data-date', dataDate).addClass('masonry-item');

    allEvents = this.prependEvents;
    // add the current item to the events array
    allEvents.push(eventItem);
    // prepend the events to the grid
    jQuery('.masonry-processed').prepend(this.prependEvents);
    // trigger the masonry layout
    jQuery('.masonry-processed').masonry('prepended', this.prependEvents);
}

问题是没有任何反应。如果我打开我的控制台并输入$('.masonry-processed').prepend(this.prependEvents);,事件将被添加,但布局永远不会重新组织。如何将元素添加到此函数中,以及如何让布局重新格式化?

0 个答案:

没有答案