流星点击事件,双击;仅使用JS

时间:2016-05-21 06:55:49

标签: javascript templates meteor click

当我按下按钮div' s style" display:none;"更改为"显示:inline-flex"。现在,一切都运行正常,除非我再次点击按钮,他不会将div转回" display:none;"。第二个问题是,通过此按钮和点击事件,他只显示第一条评论。这是代码:

用于显示某些帖子评论的模板,其中div正在改变风格

<template name="PrikazKomentara">    
 <div id="{{IdRoditelja}}" style="display: none;">
    <div class="prikaze"><p>Коментар:</p>{{коментар}}</div>
    <div class="prikaze"><p>Коментарисао:</p>{{коментарисао}}</div>
 </div>
</template>

改变DIV风格的按钮

<template name="PrikažiMe">
 <button class="PrikažiKomentar">Прикажи коментаре</button>
</template>

很好,模板事件

if (Meteor.isClient) {

    Template.PrikažiMe.events({
    'click .PrikažiKomentar': function(){
        var prikaz = document.getElementById(this._id); 
        if (prikaz.style.display = "none") 
            { prikaz.style.display = "inline-flex" } 
        else {prikaz.style.display = "none"};
    }
    });    
}

1 个答案:

答案 0 :(得分:0)

=表示将显示设置为none,如果显示等于none,则不判断显示,

使用=====