0

Всем доброго вечера.

У меня есть ссылка в виде

<a href="#" data-bind="page-href:'user/notifications'" class="nav_el icon ico_msgs /*isset_msg*/" title="Messages"><span class="msgs_value" data-bind="    text: countOfNewMessages, visible:countOfNewMessages() > 0"></span></a>

Иконка сообщений на которой отображается количество сообщений, если они есть, если сообщений 0, то цифра не показывается.

Вопрос:

как можна сделать чтобы, если countOfNewMessages() > 0 то к css добавлялся isset_msg и ссылка имела вид

<a href="#" data-bind="page-href:'user/notifications'" class="nav_el icon ico_msgs isset_msg" title="Messages"><span class="msgs_value" data-bind="    text: countOfNewMessages, visible:countOfNewMessages() > 0"></span></a>

а, если countOfNewMessages() = 0, то

<a href="#" data-bind="page-href:'user/notifications'" class="nav_el icon ico_msgs" title="Messages"></a>

?

Спасибо!

1
  • 2
    > то цыфра не показуется то цифра не показывается
    – etki
    19 июл 2014 в 19:32

2 ответа 2

2

Попробуйте так:

<a href="#" data-bind="page-href:'user/notifications', css: { nav_el: true, icon: true, ico_msgs: true, isset_msg: countOfNewMessages() > 0 }" title="Messages"><span class="msgs_value" data-bind="text: countOfNewMessages, visible:countOfNewMessages() > 0"></span></a>

Документация: The "css" binding

0
-1

Я конеш не профессор, но попробуй так:

$(document).ready(function() {
if(countOfNewMessages > 0) $("a[title = Messages]").addClass("isset_msg");
}

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.