現象：

DataTable服務器模式下， ajax刪除表格最后一條記錄并reload刷新表格后報錯： Uncaught TypeError: Cannot read property 'top' of undefined

原因：

使用了屬性 keys: true, //點擊選中 屬性 keys: true,

• 具體現象：

  在最后一行中有單元格被選中時，執行自己的刪除ajax函數，會因選中標記導致報錯。

• 詳細原因：

  單元格被選中時產生“選中標記”，reload刷新表格數據，“選中標記”會繼承到原來的位置。
  但因為刪除導致那個位置的記錄不存在，“選中標記”繼承就會產生錯誤

解決辦法1：

設置 keys: false；

解決辦法2（不完善）：

設置刪除按鈕禁止向上冒泡 在js刪除函數里添加event.stopPropagation(); // 阻止向上冒泡 event.stopPropagation();

不完善原因：

這個辦法只能阻止他點擊刪除時產生“選中標記”，無法將已經產生的“選中標記”取消掉，正確的方法應該是：取消“選中標記”，然后reload表格數據。 有誰知道如何取消掉嗎？歡迎留言。

總結

以上是生活随笔為你收集整理的DataTable 插件 Uncaught TypeError: Cannot read property ‘top‘ of undefined的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。