流星点击事件,双击;仅使用 JS
Meteor click event, double click; Using only JS
我在按下按钮 div 的样式 "display: none;" 更改为 "display: inline-flex" 时创建了点击事件。现在,一切正常,除了当我再次单击按钮时他没有将 div 变回 "display: none;"。第二个问题是,对于这个按钮和点击事件,他只显示第一条评论。这是代码:
用于显示一些 post 和 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"};
}
});
}
=
表示设置显示为none
,等于none
,
不判断显示
使用===
或==
我在按下按钮 div 的样式 "display: none;" 更改为 "display: inline-flex" 时创建了点击事件。现在,一切正常,除了当我再次单击按钮时他没有将 div 变回 "display: none;"。第二个问题是,对于这个按钮和点击事件,他只显示第一条评论。这是代码:
用于显示一些 post 和 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"};
}
});
}
=
表示设置显示为none
,等于none
,
使用===
或==