私はこの問題を理解していない

Question

は、私はJavaScriptを使用して、非常に新たなんだとイベントのうち、機能にアクセスすることは不可能：

$(function() { 
    var $tab_title_input = $("#tab_title"), 
    $tab_content_input = $("#tab_content"); 
    var tab_counter = 0; 
    var editors = {}; 
    var tab_current = 0; 

    // tabs init with a custom tab template and an "add" callback filling in the content 
    var $tabs = $("#tabs").tabs({ 
     tabTemplate: "<li><a href='#{href}'>#{label}</a> <span class='ui-icon ui-icon-close'>Remove Tab</span></li>", 
     add: function(event, ui) { 
      var tab_content = $tab_content_input.val() || "Tab " + tab_counter + " content."; 
      $(ui.panel).append("<div id=\"editor" + tab_counter + "\" class=\"editor\">" + tab_content + "</div>"); 
      adjust_size(); 
      tab_current = ui.index; 
      editors[tab_current] = ace.edit("editor" + tab_counter); 
      }, 
     show: function(event, ui) { 
      adjust_size(); 
      tab_current = ui.index; // zero-based index 
      editors[tab_current].resize(); 
     }, 
     select: function(event, ui) { 
      adjust_size(); 
      tab_current = ui.index; // zero-based index 
      }, 

    }); 

の問題は、このコード行：

editors[tab_current].resize(); 

は、Uncaught TypeError: Cannot call method 'resize' of undefinedを伝えるすべてを破ります。

しかし、編集者editors[tab_current].resize()はaddイベントでよく定義されており、alert(tab_current)は私に正しい結果を与えます。

Answer 1

editors[tab_current]はundefinedを返します。

alert(tab_current)は正しい値を返すことがありますが、それに対応するeditorsという要素があるわけではありません。 alert(editors[tab_current])でテストし、undefinedと表示されている場合は、要素が正しく設定されているかどうかを確認してください。

Answer 2

私はすぐに調査の2つの道を見ることができます：

1. ace.edit("editor" + tab_counter)リターンを何？ いつもは、resizeメソッドでオブジェクトを返すか、時にはundefinedを返しますか？

2. は、tab_currentの任意の値に対して常にshowの前に呼び出されますか？