Handsontable错误：在jquery ui内部启动时，对话框不可编辑

Question

I have some pretty simply jQuery that runs inside a dialog jquery ui popup box

$.ajax({  
      url: 'json.php?supplier_id=' + supplier_id, 
      dataType: 'json', 
      type: 'GET', 
      success: function(res){ 
        $("#hot").handsontable({ 
          data: res.data, 
          minSpareRows: 1, 
          startCols: 1, 
          minRows: 1, 
          minCols: 3, 
          columns: [ 
            {data: 1}, 
            {data: 2}, 
            {data: 3} 
          ], 
          colWidths: [160, 495, 60], 
          rowHeaders: false, 
          colHeaders: false, 
          contextMenu: false 
        }); 
      } 
    });

the above code runs in the "complete" callback of the jquery ui dialog and visually works fine, however I cannot change anything! When I try to edit the cells I can only "delete" the information in the grid fields, one character at a time, I cannot edit it positively only negatively, it's almost as if my entire keyboard is key press disabled. Has anyone ever seen this bug before and know a way around it?

Answer 1

According to the Asker:

"It appears to be a jquery version issue "upgrading" (aka breaking :-/ 200 other things) the code appears to fix it (which works) illustrates this."

So turned out to be a jQuery updating issue.