我有一个用于通知的 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>
这可能吗?还有什么其他方法可以做到这一点?