在方法回调中更改元素样式

时间:2016-03-05 18:02:29

标签: meteor

此代码正在尝试向元素添加类。类定义位于meteor_app_root / stylesheets / style.css .wrongInput { color: red; } 此方法返回正常,但输入元素内的文本没有像我期望的那样变为红色。

编辑
我得到浏览器控制台打印“服务器返回”但addClass行没有正常工作。

编辑 将样式从color: Red;更改为border-color: Red;会使边框颜色变为红色。 我究竟做错了什么?感谢

Template.footer.events({
  'click button': function () {
   var doc = {};
   $('input').each(function () {
     this.value && (doc[this.name]=this.value)
   });
   
    Meteor.call('processInputs', doc, function (err, res) {
      if (res) {
        console.log("res   " + res);
        $('[name="plate"]').addClass("wrongInput");
      }
    });
  }
});


//server.js
Meteor.methods({
  processInputs: function (doc) {
    return "server acted";
  }
});
<template name="content">
  <div class="container">
    <div class="row">
      <section class="col-xs-12">
        <form>
          <ul class="list-group">
            {{#each this.items}}
              <li>
                <input class="list-group-item basic-vertical-spacing col-xs-12" type="text"
                       name={{name}} placeholder={{placeholder}}>
              </li>
            {{/each}}
          </ul>
        </form>
      </section>
    </div>
  </div>
</template>

1 个答案:

答案 0 :(得分:0)

我知道它是什么,你没有if(错误):

Meteor.call('myFunction', function(err, data) {
  if (err)
  {
    $('[name="plate"]').addClass("wrongInput");
  }

});