Question

我在同位素柱中有一种液体成分：

type

我填充了模板，当锚=较高时，我需要宽度= 25％，高度相同* 2。 square为25％且高度相同，宽度为50％，高度为/ 2。

在js：

<template name="iso">
     <div class="{{anchor}}">
           <img src="{{image}}"/>
    </div>
</template>

但是，onRendered在呈现template.iso.onRendered= function(){ $('.square').heigth() = $('.square').width $('.toller').heigth() = $('.square').width * 2 $('.widen').heigth() = $('.square').width };之前运行，我拥有所有的div，但高度不会改变。

任何解决方案？（对不起我的英语，我写得不好）

Answer 1

我用

解决了这个问题

Template.home.rendered = function() {
    if (!this.rendered){
        //the data is there but dom may not be created yet
                //$("img").unveil();
                var altoBase =  $('.isotope').width() / 5;
                var altoDoble =  altoBase * 2 ;

                $(  ".carta").each(function( i ) {
                    if ($( this).hasClass('alto') ) {
                        $( this ).css({
                            height: altoDoble + 'px',
                            backgroundColor: "green"
                        });
                    } else {
                        $( this ).css({
                            height: altoBase + 'px',
                            backgroundColor: "white"
                        });
                    }
                });
                var self = this;
                self.selection = this.$('.isotope').isotope({
                    itemSelector: '.carta',
                    masonry: {
                        gutter: 0
                    }
                });
    }

};

此解决方案也适用于同位素

动态创建后修改高度

1 个答案: