我目前正在使用Jquery开发一个非常简单的日历。
实际上,我们需要针对某些事件的每周视图,可以使用Jquery更改周(例如在Google日历上)。
我认为最简单的方法是将每周包装成<div>
,并且Jquery以类似滑块的方式沿着不同的div /周移动。
实际上我需要一种方法来对单个div进行编号,而我正在考虑使用“虚拟”属性week-number
,即
<div week-number="3"> ... </div>
这可以在下周继续进行,但要转到上一周吗?从逻辑上讲,我会得到负数周数,假设起始周数为“1”,那就是说
<div week-number="-3"> ... </div>
我真的不喜欢这种方法,所以你有没有想过识别不同的div /周?
编辑:思考它:使用编号类怎么样?例如class="week-1"
,class="week-2"
等?
答案 0 :(得分:6)
这就是数据属性存在的原因:http://ejohn.org/blog/html-5-data-attributes。
当然,您可以使用有效的XHTML:How can I use HTML5 Data Attributes in XHTML?。
关于您的编辑,我更强调数据属性的使用。您的建议有效,但仅仅是解决已经有正确解决方案的解决方法。
如果您确实认为旧浏览器可能存在问题,即使您可以在项目Modernizr中加入。好吧,我从未遇到过这些问题。
答案 1 :(得分:0)
尝试添加value属性,然后使用标准JavaScript getAttribute('value')方法读取它。
<div value="3"> ... </div>
<div value="-3"> ... </div>
或者更简单,使用id属性并将数字放在那里。
任何浏览器都会默默忽略此属性,不会引发任何警告。我总是避免为某些可以用HTML4实现的功能实现HTML5。