removeClass 在meteor.js 中不起作用[关闭]

Question

我在meteor.js 中设置了一个Template.inquiry.events({ 函数，它获取按钮的点击数据并向它们添加一个类。这工作正常。什么不起作用，是当我尝试单击删除课程时。

看起来像这样：

Template.inquiry.events({
    'click .button': function(event){

        var button_id=event.currentTarget.id

        report = false;
        consult = false;
        contract = false; 

        $("#" + button_id).addClass('selected');

        if(button_id == 'report' && report == false) {
            report = true;
            $("#" + button_id).addClass('selected');
        }
        else if(button_id == 'consult' && consult == false) {
            consult = true;
            $("#" + button_id).addClass('selected');
        }
        else if(button_id == 'contract' && contract == false) {
            contract = true;
            $("#" + button_id).addClass('selected');
        }
        else if(button_id == 'report' && report == true) {
            report = false;
            $("#" + button_id).removeClass('selected');
        }
        else if(button_id == 'consult' && consult == true) {
            consult = false;
            $("#" + button_id).removeClass('selected');
        }
        else if(button_id == 'contract' && contract == true) {
            contract = false;
            $("#" + button_id).removeClass('selected');
        }

    }
});

前三个“ifs”工作正常，但 removeClass ifs 不工作。有什么想法吗？

Answer 1

在每次点击时，report consult 和 contract 都是 false，因此您检查 report == true 的“else if”无法触发。如果您想在事件之间存储状态，请使用 Session 或 ReactiveVar 或仅使用 Template.instance() 之类的属性

Template.inquiry.onCreated(function() {
    this.states = {};
    this.states.report = false;
});
...

    else if(button_id == 'consult' && !Template.instance().states.report) {
        Template.instance().states.report = true;
        $("#" + button_id).addClass('selected');
    }
    else if(button_id == 'report' && Template.instance().states.report) {
        Template.instance().states.report = false;
        $("#" + button_id).removeClass('selected');