如何提高使用jQuery和jQuery UI可拖動功能時的性能

Question

我使用jQuery UI可拖動功能製作了自定義滑塊。我將可拖動的控件限制在x軸上。拖動控件時，檢查控件的位置。

根據位置，我調用一個名爲selectCells的函數。

此函數選擇表格中的單元格範圍，並將單元格的html設置爲圖像。

因此，例如，如果索引是1，那麼我想選擇第一行和第一列中的所有單元格（只有一個單元格）。如果索引是2，那麼我想在第一2行和列選擇單元（四個單元將被選擇）等

我跳過第一行和列，因爲我不想以填充這些細胞

我selectCells功能如下

function selectCells(index, bGoingRight) { 
    if (bGoingRight) { 
     for (var i = 1; i <= index; i++) { 
      $(container).find('#exponentTable tr:eq(' + i + ')').find('td').slice(1, index + 1).html(block); 
     } 
    } else { 
     for (var i = 1; i < 13; i++) { 
      $(container).find('#exponentTable tr:eq(' + i + ') td:eq(' + (index + 1) + ')').html(grayBlock); 
      $(container).find('#exponentTable tr:eq(' +(index + 1) + ') td:eq(' + (13 - i) + ')').html(grayBlock); 
     } 
    } 
} 

的問題是，如果用戶滑動滑塊快速thensome行和列被跳過。

Answer 1

正如charlietfl所說，一旦我緩存行，它提高了性能。