HTML，jQuery建议列表

Question

我正在创建一个包含邮件列表的应用程序，每条邮件都可以是已读或未读。想想GMAIL（虽然我不是想重建那个）......

我的问题是当我输出所有这些消息时，我需要列出消息是读还是未读，我还需要提供更改消息状态的功能，从读取到未读。话虽这么说，你怎么建议我存储这个？一个复选框，一个隐藏的输入值？有什么想法吗？

由于

Answer 1

复选框可以是一种显示邮件是否被读取的简单方法，但我认为邮件标题之间的样式差异（或者您在此页面上显示的任何内容）都会产生更好的UI。

您可以存储与每封邮件关联的“邮件类型”，用于在构建页面时设置class。当您在读取和未读取之间切换其状态时，样式将根据您为该状态设置的规则进行翻转。

例如）

.unread{
 background-color:#DDDDDD;
 font-weight:bold;
}
.read{
 background-color:#FFFFFF;
 font-weight:normal;
}

Answer 2

一个类，如果读状态有一些视觉效果（即字体从粗体变为正常），$（foo）.data（“read”，true）;否则。

我绝对会避免隐藏的INPUT;它比其他选择更麻烦，只有你需要提交你想要跟踪的状态的表单提交才真正值得（而且我猜你没有需要提交哪些消息的表单？）。