simplemodal從調用元素傳遞附加參數

Question

我試圖設置一個頁面，其中呈現一個網格的時間序列的一羣人。本質上是一個日曆，其中包含特定時間的行和與其相關聯的人的列。

我打算打開一個模式對話框，當用戶點擊時間並通過AJAX加載當前數據。這與聯繫表單示例非常相似，當然，除非點擊鏈接，否則我不會知道時間和人員。所以我想要一種方式將這些額外的數據傳遞給對話框調用腳本。

非常感謝

Answer 1

這樣做的一個好方法是在HTML5的新data-屬性。不用擔心，它們受到所有瀏覽器的支持。

如果您額外的數據是時間和人，你的鏈接應該是這樣的：

<a href="#" data-time="2011-01-01 11:11:11" data-person="John Smith">...</a> 

而且你可以在JavaScript函數訪問這些數據：

var link = this, 
    time = link.getAttribute("data-time"), 
    person = link.getAttribute("data-person");