更改方法回調中的元素樣式

此代碼嘗試向類中添加一個類。類定義位於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>

來源

2016-03-05 Fred J.

我還挺得到一些其他的CSS被掩蓋了的感覺你的' .wrongInput'。你有沒有檢查瀏覽器CSS檢查器？ –

似乎是css問題，而不是流星問題。我同意@Blaze，你的一些CSS規則可能被覆蓋。您可以在瀏覽器的開發人員工具中使用css檢查器，並首先手動應用.wrongInput以查看它是否具有預期的行爲。 – Areca

由於一些未知的原因它開始工作。我很無知:( –

我看到它是什麼，你沒有足夠的，如果（ERR）：

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

});

來源

2016-03-06 02:59:21

請參閱代碼更新。服務器返回正常。addClass代碼沒有做它的工作。 –

console.log（$（「[name ='plate']」）。length）; addClass之前的行返回1，這意味着有一個元素，在流星這是不應用我猜的類的東西:( –

更改方法回調中的元素樣式

回答

相關問題