simplemodal从调用元素传递额外的参数

Question

我正在尝试设置一个页面，为一组人提供一系列时间的网格。基本上是一个日历，其中包含特定时间的行和与其相关的人员的列。

当用户点击时间并通过AJAX加载当前数据时，我打算打开一个模态对话框。这与联系表单示例非常相似，当然除非在点击链接之前我不知道时间和人物是什么。所以我想把这个额外的数据传递给对话框调用脚本。

非常感谢

Answer 1

这样做的好方法是HTML5中新的data-属性。不用担心，所有浏览器都支持它们。

如果您的额外数据是时间和人，您的链接将如下所示：

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

您可以在javascript-function中访问此数据：

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