Question

我已经有了这个系统，可以创建一个Bootstrap表。在每行的每个单元格中，出现一个数值，表示该区域中客户的数量。像，

-----------------------------------
     Region     |     Number
-----------------------------------
New York        |        5
New England     |        8
Florida         |        3
-----------------------------------

当DOM加载时，数字以JavaScript计算。 JavaScript接收一个无组织数组中的所有客户，然后我将其整理成一个名为customers [region]的正确矩阵，其中客户中的每个元素本身就是一个对象数组，如下所示：

var customers = {
   0 : ["customer1","customer2","customer3"],
   1 : ["customer4","customer5","customer6"],
   2 : ["customer7","customer8","customer9"]
}

表格单元格动态填充，其中一些JS代码类似于

var cell = "<td><a id='testLink0' href='#'>" + customers[0].length + "</a></td>"
$("#row1").append(string); // Gets one of the rows, and appends to it

但是，现在，我想在用户单击其中一个数字时加载模态窗口。模态窗口将显示该区域中所有客户的表格。我能够将每个数字转换为打开模态窗口的链接，但我找不到一个传递模态窗口数据的好方法。所以我想将客户[0]绑定到一个链接，将客户[1]绑定到另一个链接等，这样当单击链接时，模态窗口会接收该特定的JavaScript对象。

$(document).ready(function() {
    $('a#testLink0').click(function(e) {
        $.get('template.html', function(data){
            modal.open({content: data});
    });
});

如何将JavaScript对象传递给template.html中的某些JavaScritp代码？请注意，链接的数量实际上要大得多，大得多，以至于最好动态分配链接。有什么建议吗？

Answer 1

这似乎是一种更好的方法，只是为了动态地生成id（或这些链接的任何其他属性），但是以一种你能够映射给定生成的属性值的方式（例如id为{ {1}}）连接到该链接的对象的哈希键（customers1会引导您进入哈希中的密钥customers1），这样您就可以获得该密钥来自点击1 - ＆gt;的属性值event（通过检查e - http://api.jquery.com/category/events/event-object/的值）传递给您的e.target，然后只需阅读您要填充模式的哈希属性。

将JavaScript变量绑定到HTML元素

1 个答案: