添加多个按钮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