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");