在jaquery UI選項卡rails datatables部分加載後初始化datatable

Question

我試圖設置jQuery UI界面裏面的表格上的數據表，它不工作，我沒有看到表中有任何變化，沒有搜索框沒有分頁沒有。

此外，在javascript錯誤控制檯中沒有錯誤。

所有的JavaScript文件是爲了（jQuery的第一則jQuery UI的那麼咖啡腳本）

，我也打過電話，通過JavaScript控制檯也就是我在JavaScript控制檯執行 $('#list').dataTable(); 的數據表，它返回的節點，但什麼都沒發生！

任何人都可以幫助我嗎？

我應該在這裏發佈任何東西嗎？如果這樣做會有幫助嗎？ 更新： 如果我刪除數據表初始化並手動調用它正在工作。 我認爲問題是dataTable在部分加載之前變得初始化。

如何獲取部分後初始化數據表？

$ -> $("#tabs").tabs ajaxOptions: error: (xhr, status, index, anchor) -> $(anchor.hash).html "Couldn't load this tab." 以上是我的Jquery UI選項卡的代碼。

Answer 1

我通過使用負載回調來修復它，其中我初始化新Ajax讀取表上的數據表。

$ -> 
    $("#tabs").tabs 
    event: "mouseover" 
    load: (event, ui) -> 
     if $(ui.panel.children[0]).attr("id") is "list" 
     $(ui.panel.children[0]).dataTable 
      sPaginationType: "full_numbers" 
      bJQueryUI: true 


    ajaxOptions: 
     error: (xhr, status, index, anchor) -> 
     $(anchor.hash).html "Couldn't load this tab."