Изменить CSS для каждого элемента в Rails каждого метода

Question

Изменить CSS для каждого элемента в Rails каждого метода

0

Поэтому мой метод работает, но я пытаюсь добавить некоторый код, чтобы изменить размер кости до его цвета, который он задает. Я использую rails и jquery/javascript. Я просто хочу напечатать "тип кости" и напечатать его в указанном цвете. Есть предположения?

Вот мой оригинальный код:

                <% @last_move.rolls.last.results.each do |dice| %>
                  <li>
                    <%= dice.type %> - <%= dice.color %>
                  </li>
                <% end %>

И heres - моя извиняющаяся неудачная попытка сделать ее просто отображать тип с указанным цветом:

                <% @last_move.rolls.last.results.each do |dice| %>
                  <li>
                   <script>
                     $(this).css({ color: "<%= dice.color %>" });
                   </script>
                    <%= dice.type %>
                  </li>
                <% end %>

user2980169 27 апр. 2014, в 05:44

Источник

Теги:

javascript

jquery

ruby-on-rails

1 ответ

Ещё вопросы

thexacre · Accepted Answer · 2014-04-27T01-41-00.000Z

Я бы не использовал JavaScript для этого, вместо этого:

<% @last_move.rolls.last.results.each do |dice| %>
  <li class="dice-<%= dice.color %>">
    <%= dice.type %> - <%= dice.color %>
  </li>
<% end %>

Тогда в вашем css:

.dice-red {
    color: //red, etc.
}

Таким образом, вы можете придать статическому цвету красный кубик. но цвет должен быть таким, чтобы пользователь входил в цвет кости.
Сколько цветов вам нужно? Если вам нужно всего 4 или 5 цветов, я бы так и сделал. В противном случае выведите цвет, используя встроенный CSS <li style = "color: <% = dice.color%>">.
Думаю, я мог бы просто сделать <li style = "color: <% = dice.color%>;"> вместо того, чтобы возиться с файлом CSS. Еще раз спасибо :)