通过js运行点击时无法访问变量

Question

阵列：

listaDisciplinas = [
{
    nome : "Nome",
    listaAtividades : []
}];

代码：

for(var i=0; i < listaDisciplinas.length; i++)
{
    var itemClick = $("<a />").html(listaDisciplinas[i].nome)
        .attr("href", "#listaAtividadesView")
        .attr("id", "disciplina_" + i);

    var element = $("<li />").html(itemClick);

    $("#listaDisciplinas").append(element);

    $(document).on("vclick", "#disciplina_" + i, function(e, data) 
    {
        updateListaAtividades(listaDisciplinas[i]);
    });
}

但是，当我点击addDisciplinaBtn时，它会说：＆＃34;无法读取未定义的属性＆＃34;

为什么？

Answer 1

http://api.jquery.com/event.data/

必须通过参数：

将数据对象传递给on

.on("vclick", "#id", { /*Data here*/ }, function(event) { 
    /*Do what you want*/
    alert(event.data) 
});