2012-10-04 27 views
0

我試圖設置jQuery UI界面裏面的表格上的數據表,它不工作,我沒有看到表中有任何變化,沒有搜索框沒有分頁沒有。在jaquery UI選項卡rails datatables部分加載後初始化datatable

此外,在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選項卡的代碼。

回答

0

我通過使用負載回調來修復它,其中我初始化新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." 
相關問題