在流星的按钮上切换图标

时间:2017-02-13 02:44:50

标签: javascript html button meteor icons

我在meteor中创建了一个可扩展的表。按下以展开表格的初始按钮上有一个加号图标。一旦表格扩展,我就无法使按钮上的图标变为减号。基本上我希望图标在加号和减号之间切换,具体取决于表格是展开还是折叠。

我的按钮模板:

Template.expandButton.events({
  'click #expand'(event) {
    event.toggleClass('glyphicon-plus glyphicon-minus');
  }
})

模板在html中调用并按预期工作。

我最近的尝试一直在尝试使用一个事件让图标从加号切换到减号:

{{1}}

我还尝试了其他一些方法,但没有任何效果。我想知道这是否接近成为这样做的方式,或者这是完全错误的。如果这是错误的方法,我应该怎么做呢?

感谢您的帮助。非常感谢。

1 个答案:

答案 0 :(得分:2)

在Meteor中,您必须将事件绑定在正确的位置。您想将click事件绑定到按钮。

from collections import Counter

def train ():
    RemStopWords (file1, file2)  # the function for removing stop words and punctuation at the start of the code
    counter = Counter()
    for line in withoutStops:
        line = line.strip().split("\t")
        words = line[0].split()
        counter.update(words)
    top10 = [word[0] for word in counter.most_common(10)]
    print(top10)

这是您的活动

<template name="expandButton">
    <button class="btn btn-default btn-xs btn-circle" id="expandBtn">
        <span id="expand" class="glyphicon glyphicon-plus"></span>
    </button>
</template>

请注意,在流星事件中,第一个参数是Template.expandButton.events({ 'click #expandBtn'(event, temp) { temp.$('#expand').toggleClass('glyphicon-plus glyphicon-minus'); } }) ,第二个参数是event,因此使用template比解析完整的dom更有效,即temp.$ < / p>