Question

HTML代码

<template name="temp">
<ul style="list-style-type:none" class="pcl">
    {{#each Contents}}
        {{>item}}
    {{/each}}
</ul>
</template>

<template name="item">
        <p class="bucket">
        <li class= "{{selectedClass}}">{{{content}}}</li>
        </p>
</template>

模板＆＃34;项目＆＃34;在模板＆＃34; temp＆＃34;这将贯穿所有＆＃34;项目＆＃34;模板。所以问题是在一个页面中将有多个{{{content}}}。所以。我相信传统的使用＆＃34; ids＆＃34;和＃34;班级＆＃34;这里不会有用。
我想检查元素{{{content}}}的高度，然后根据它返回一个类。这两个类在CSS代码（contentMain和Big）

中给出

CSS代码

.contentMain{
    position: relative;
    overflow: hidden;
    height: 60px;
    top: -15px;
    font-family: Palatino Linotype, Georgia, Verdana, sans-serif;
}

.Big{
    position: relative;
    height: auto;
    top: -15px;
    font-family: Palatino Linotype, Georgia, Verdana, sans-serif;
}

JS代码

Template.item.helpers({
    'selectedClass':function(){
//codes here- if height of content is greater than 60px, then return class=.contentMain else class=.Big
      }
  });

任何人都可以帮助JS类别中的代码根据{{{content}}}元素的高度返回一个类，这些元素在一个页面中将超过1个。
转移任何编程约定或任何其他错误的道歉。（我是编程新手）

我想通过检查元素的高度来返回2个类中的类

0 个答案: