2011-06-16 66 views
2

我目前正在使用Jquery编写一个非常简单的日历。将属性值自定义为HTML元素?

其实,我们需要一些事件每周视图,可能改变使用jQuery一周(就像谷歌日历)。

我认为最简单的方法是每周将其包装到一个<div>中,并使用jquery以不同的divs /周以滑块样式移动。

其实我需要一种方法来编号单的div,我想用一个“虚拟”属性week-number,即

<div week-number="3"> ... </div> 

即移动到下一个周的时候是好的,但要到前面一?从逻辑上讲,我会得到负的周数,提供起始周编号为“1”,这是说

<div week-number="-3"> ... </div> 

我真的不那么喜欢这种方式,所以有你如何识别不同的div任何想法/周?

编辑:想一想:使用编号类怎么样?例如class="week-1",class="week-2"等?

回答

6

这就是为什么数据属性存在:http://ejohn.org/blog/html-5-data-attributes

当然,你可以与一个有效的XHTML和:How can I use HTML5 Data Attributes in XHTML?

关于您的编辑,我更强调数据属性的使用。你提出的建议是有效的,但仅仅是解决已经有了正确解决方案的解决方法。

即使你可以在项目中包含Modernizr如果你真的认为可能与旧版本浏览器的问题。那么,我从来没有遇到过这些问题。

+0

谢谢,购买不会给非HTML5浏览器带来任何兼容性问题吗?我想保持XHTML兼容,并避免额外的HTML标记... – 2011-06-16 14:36:47

+1

这是非常相同的想法,好处是它将html5准备好。谢谢4共享链接 – Mauro 2011-06-16 14:36:58

+0

@Juan:自定义数据属性是HTML5的一部分,在旧版浏览器中工作得很好。您需要做一些工作才能使用相同的方法来访问它们,但它非常可行:请参阅http://stackoverflow.com/questions/2412947/do-html5-custom-data-attributes-work -in-ie-6 – 2011-06-16 15:47:41

0

尝试增加属性的值,然后你可以用标准的JavaScript的getAttribute(“值”)方法读取它。

<div value="3"> ... </div> 
<div value="-3"> ... </div> 

或者甚至更容易,使用id属性并将数字放在那里。

这个属性会被任何浏览器所忽略,并没有任何警告将提高。我总是避免使用HTML5来实现可以用HTML4实现的功能。

相关问题