Javascript 我想通过检查元素的高度来返回2个类中的一个类
HTML代码Javascript 我想通过检查元素的高度来返回2个类中的一个类,javascript,html,css,meteor,Javascript,Html,Css,Meteor,HTML代码 <template name="temp"> <ul style="list-style-type:none" class="pcl"> {{#each Contents}} {{>item}} {{/each}} </ul> </template> <template name="item"> <p class="bucket"> <
<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>
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。对于偏离任何编程惯例或任何其他错误,我深表歉意。(我是编程新手)内容中有什么?你能肯定它会有自己的高度吗?如何以及在何处定义?{{{content}}将包含字符串。现在我明白了我的代码的问题。如何定义{{{content}}元素的高度。因此,如果class=“Big”及其应用于{{{content}}的所有属性的高度小于60px,则应返回class=“Big”,否则应返回.contentMain。请帮忙!这将非常有帮助。您有一个XY问题()。首先,您需要告诉我们您想要完成什么,而不是您想要的解决方案。如果具有class=“Big”应用的所有特征的元素{{{content}}的高度小于60px,则应该从helper函数返回class=“Big”,否则,如果高度大于60px,则class=“contentMain”应该归还。
Template.item.helpers({
'selectedClass':function(){
//codes here- if height of content is greater than 60px, then return class=.contentMain else class=.Big
}
});