jQuery подтверждение успешного сообщения не в стиле

Question

Я рисую сообщения красным цветом для ошибок и зелеными для успеха. Но сообщения кажутся красными для успеха.

Вот код проверки:

debug: true, 
errorElement: "em",    
success: function(label) { 
    label.text("ok!").addClass("success"); 
}, 

А вот CSS фрагмент кода:

em.success 
{ 
    float: none; 
    color: green; 
    padding-left: .5em; 
    font-style: italic; 
    font-size: 11px;  
} 

em.error 
{ 
    float: none; 
    color: red; 
    padding-left: .5em; 
    font-style: italic; 
    font-size: 11px; 
} 

Что именно неправильно в моем коде?

Обратитесь к this fiddle.

Answer 1

Для решения дубликата OK, сделайте следующее:

success: function(label) 
{ 
    label.text("").text("ok!").addClass("success"); 
} 

Answer 2

Я думаю, ваша метка заканчивается обоих классов success и error, поэтому следующий the rules to determine a CSS property value, последний выигрывает и текст красного цвета (предполагается, что порядок правила CSS такие же, как в вашем вопросе).

Относительно того, почему у них есть оба: documentation говорит, что если указано значение success, «отображается метка ошибки, чтобы показать действительный элемент». Я не совсем уверен, что это значит. Вы можете захотеть вникать в это (отладить ярлык, проверить элемент в Firebug или dev tools, посмотреть на source of the plugin).

В вашей демонстрации на jsfiddle.net единственной проблемой являются множественные метки успеха. Я нашел another answer, заявив, что если вы удалите класс «ошибка», метки не будут очищены. I removed the removeClass from your example и кажется, что он работает так, как вам бы хотелось (только один ярлык, цвета в порядке).