在TinyMce中循环添加多个按钮不起作用

Question

我有一个像这样的按钮的配置列表：

var config = [{
  name: 'first',
  insertionConfig: {
    title: 'first button',
    onsubmit: function(){
    // do sth
    }
  }
},{
  name: 'second',
  insertionConfig: {
    title: 'second button',
    onsubmit: function(){
    // do sth
    }
  }
}
 ]

在我的TinyMce插件中，我想根据其配置添加所有按钮。 所以最终会像这样：

tinymce.PluginManager.add('myPlugin', function(editor, url) {
      for (var i in config) {
        item = config[i];
        editor.addButton(item.name, {
          text: item.name,
          onclick: function() {
            editor.windowManager.open({
                title: item.insertionConfig.title,
                onsubmit: item.insertionConfig.onsubmit
              }
            };
          }
        });

但是当我单击第一个按钮时，它显示了第二个按钮的标题。 按钮的所有配置均指最后添加的按钮。 我知道问题在于循环中的“项目”（所有按钮都指向最后一个对象），但我不知道如何解决。

Answer 1

尝试为onclick函数内的项目创建一个局部范围的变量：

您遇到的问题是在函数实际运行时如何在JavaScript中管理变量。 在单击某个项目并且该item当时指向数组中的最后一个项目之前，单击功能才真正运行。

编辑 ：请查看此TinyMCE提琴，以了解可能如何发生： http : //fiddle.tinymce.com/REfaab/1