无法循环创建Clipboard.js按钮的新实例

时间:2016-01-14 05:48:57

标签: javascript clipboard.js

我目前正在使用Clipboard.js从textareas复制文本。我有多个textareas,我想用各自的复制按钮从每个textareas复制。

我可以使用以下按钮设置代码来实现此功能:

new Clipboard(EXAMPLE_EDITORS[0][1], {
    text: function (trigger) {
        return $(EXAMPLE_EDITORS[0][0]).html();
    }
});

new Clipboard(EXAMPLE_EDITORS[1][1], {
    text: function (trigger) {
        return $(EXAMPLE_EDITORS[1][0]).html();
    }
});

new Clipboard(EXAMPLE_EDITORS[2][1], {
    text: function (trigger) {
        return $(EXAMPLE_EDITORS[2][0]).html();
    }
});
... // And so on for N number of buttons.

鉴于此,我试图循环创建按钮。但是,简单地循环如下并没有解决:

BUTTONS = [];
var example_editor_count;
for (example_editor_count = 0; example_editor_count < EXAMPLE_EDITORS.length; example_editor_count++) {
    BUTTONS.push( new Clipboard(EXAMPLE_EDITORS[example_editor_count][1], {
        text: function (trigger) {
            return $(EXAMPLE_EDITORS[example_editor_count][0]).html();
        }
    }) );
}

我没有推送到空列表,而是尝试预先分配一个EXAMPLE_EDITORS.length数组并迭代这个数组。

这也不起作用。

我的终极问题:为什么按钮只在第一个代码示例的硬编码时复制,而在循环时却不复制?

谢谢

0 个答案:

没有答案
相关问题