1

我有我正在开发的网络应用程序。这是一张图片。

这个想法是有一个对象数组，它显示为一行 div。这些对象中的每一个也有一个对象数组，它们在这些 div 中显示为一行 div。

用户应该能够将新对象添加到页面上列出的对象中。这应该通过按“编辑”来访问。

问题：如何让脚本从被点击的 div 中抓取对象并将它们显示在窗口中？我正在使用流星引导程序包。

如果你有什么不明白的地方可以问我——那东西就像一个迷宫。

Javascript

var state = 0;
var 
    sides = [

        {
        name:"MURICA", 
        types:[

                {
                    name:"EAGLE",
                    desc:"FREEDUM",
                    power:10
                }

            ]
        }

    ];

if (Meteor.isClient) {
    Template.global.side = function(){
        var obj = [], m;
        m = 1;
        for (var i in sides){
            obj.push({
                index : m,
                object : sides[i]
            });
        }
        console.log(JSON.stringify(obj));
        return obj;
    }
    Template.content.state = function(){
        return state;
    }
    Template.global.events ({
        'click .edit': function(){
            jQuery('#edit').toggle()
            console.log("PRESSED FREEDOM");
        }
    });
}

可以在这里找到 HTML（太大而无法发布）http://pastebin.com/kmNnSV1w

4

1 回答 1

1

这可能会有所帮助：

html 

<template name="asdf">
    <div class="asdf-box" data-nameOfTheParam="{{putSomeValueHere}}">
        <span class="asdf-button">Click me!</span>
    </div>
</template>

js

Template.asdf.events({
    'click .asdf-button': function(e) {
        console.log( $(e.target).closest('.asdf-box').data('nameOfTheParam') );
    }
});

处理数据库项目时，您可以只使用 id:data-id={{_id}}并根据此 id 在回调中获取所需的对象。

于 2013-07-15T08:37:24.107 回答