0

我有一个用于通知的 CSS 菜单。这一切都在一个div中。在这个 div 中,我有一个链接,当悬停时,它会以类似菜单的方式显示通知。

如果有通知,我想更改 div 的背景颜色,如果链接已悬停,我想删除背景颜色。我想使用名为“templates”的 C# razor 变量的 count 属性,该变量存储要在菜单中显示的通知模板。

我想在 javascript/jquery 中做这样的事情

$(document).ready(function())
{
  if(@templates.Count > 0)
  {
    $('#notificationsMenuItem').addClass('notifNotSeen');
  }
}

 function changeBackground() {
    var menu = $('#notificationsMenuItem');

    if(menu.hasClass('notifNotSeen'))
        menu.removeClass('notifNotSeen');
}

这是包含菜单结构的 div:

<div id="notificationsMenuItem" class="divList">
   <a href="#" style="font-weight: normal; padding: 0;"   onmousedown="changeBackground()">Notifications</a>
........


 </div>

这可能吗?还有什么其他方法可以做到这一点?

4

1 回答 1

0

您可以添加一个带有计数的隐藏输入字段:

@Html.Hidden("templatesCount", @templates.Count, new {@id="templatesCount"})

并读取jQuery中的值:

$('#templatesCount').val();

这样就可以将js作为一个单独的文件来使用。

于 2013-08-05T07:29:12.870 回答