2012-01-27 3 views
0

Я следующие списки тем, добавленные с помощью шаблона следующегоКак добавить цвет фона выбранного элемента

//Template used for topic list display 
%li.topic{:topic_slug => "<%=topic.slug%>", :topic_name =>"<%=topic.text%>"} 
%a{href: "#!/topics/<%=topic.slug%>" } 
<%= topic.text %> 

Смотреть веб-приложение

enter image description here

Я хочу, чтобы иметь возможность выбрать тему и добавить в нее подсветку. Как мне это сделать? Я могу выбрать элемент с помощью следующего кода JQuery

addAllTopics: -> 
    @options.topics.each(@addOneTopic) 

    $(@el).find(".topics li[topic_slug=#{@options.topic}]") 

Однако я не уверен, как добавить изюминку к выбранному элементу. Может ли кто-нибудь посоветовать мне об этом?

ответ

2

Используя метод CSS в JQuery вы можете добавить цвет фона какой-либо конкретной выбранной теме, как это ...

addAllTopics: -> 
    @options.topics.each(@addOneTopic) 

    $(@el).find(".topics li[topic_slug=#{@options.topic}]").css('background-color','#000000'); 
Смежные вопросы