2011-06-16 58 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實現的功能。

相關問題