數據表工具提示在第二頁中不起作用。僅適用於第一頁

我有一些奇怪的問題，其中工具提示僅在第1頁上工作。如果我點擊下一頁，則看不到任何工具提示。數據表工具提示在第二頁中不起作用。僅適用於第一頁

我正在使用jQuery數據表。我的示例代碼是在jsfiddle：http://jsfiddle.net/agorur/3r54F/

任何想法？

var data = { 
    "sEcho": 1, 
     "iTotalRecords": 6416, 
     "iTotalDisplayRecords": 5, 
     "aaData": [{ 
     "0": 421367, 
      "1": "Test1", 
      "2": "NEW", 
      "3": "Default", 
      "4": "18 Aug 2011 20:27:12 GMT", 
      "5": "TestBench", 
      "6": "NA" 
    }, { 
     "0": 421368, 
      "1": "Test2", 
      "2": "NEW", 
      "3": "Default", 
      "4": "18 Aug 2011 20:27:12 GMT", 
      "5": "TestBench", 
      "6": "NA" 
    }, { 
     "0": 421369, 
      "1": "Test3", 
      "2": "NEW", 
      "3": "Default", 
      "4": "18 Aug 2011 20:27:12 GMT", 
      "5": "TestBench", 
      "6": "NA" 
    }, { 
     "0": 421370, 
      "1": "Test4", 
      "2": "NEW", 
      "3": "Default", 
      "4": "18 Aug 2011 20:27:13 GMT", 
      "5": "TestBench", 
      "6": "NA" 
    }, { 
     "0": 421371, 
      "1": "Test5", 
      "2": "NEW", 
      "3": "Default", 
      "4": "18 Aug 2011 20:27:13 GMT", 
      "5": "TestBench", 
      "6": "NA" 
    },{ 
        "0": 421372, 
      "1": "Test1", 
      "2": "NEW", 
      "3": "Default", 
      "4": "18 Aug 2011 20:27:12 GMT", 
      "5": "TestBench", 
      "6": "NA" 
    }, { 
     "0": 421373, 
      "1": "Test2", 
      "2": "NEW", 
      "3": "Default", 
      "4": "18 Aug 2011 20:27:12 GMT", 
      "5": "TestBench", 
      "6": "NA" 
    }, { 
     "0": 421374, 
      "1": "Test3", 
      "2": "NEW", 
      "3": "Default", 
      "4": "18 Aug 2011 20:27:12 GMT", 
      "5": "TestBench", 
      "6": "NA" 
    }, { 
     "0": 421375, 
      "1": "Test4", 
      "2": "NEW", 
      "3": "Default", 
      "4": "18 Aug 2011 20:27:13 GMT", 
      "5": "TestBench", 
      "6": "NA" 
    }, { 
     "0": 421376, 
      "1": "Test5", 
      "2": "NEW", 
      "3": "Default", 
      "4": "18 Aug 2011 20:27:13 GMT", 
      "5": "TestBench", 
      "6": "NA" 
    }, 
        { 
     "0": 421377, 
      "1": "Test4", 
      "2": "NEW", 
      "3": "Default", 
      "4": "18 Aug 2011 20:27:13 GMT", 
      "5": "TestBench", 
      "6": "NA" 
    }, { 
     "0": 421378, 
      "1": "Test5", 
      "2": "NEW", 
      "3": "Default", 
      "4": "18 Aug 2011 20:27:13 GMT", 
      "5": "TestBench", 
      "6": "NA" 
    }] 
}; 

$(document).ready(function() { 
    $('#events').dataTable({ 
     "bProcessing": true, 
      "aaData": data.aaData, 
      "bJQueryUI": true, 
      "sPaginationType": "full_numbers", 
      "aoColumns": [{ 
      "mData": "0" 
     }, { 
      "mData": "1" 
     }, { 
      "mData": "2" 
     }, { 
      "mData": "3" 
     }, { 
      "mData": "4" 
     }, { 
      "mData": "5" 
     }, { 
      "mData": "6" 
     }, ] 
    }); 


    $("#events tbody tr").each(function() { 
     this.setAttribute('title', 'ToolTip'); 
    }); 
});

來源

2013-04-01 Think

當你在尋呼節接下來的點擊，然後嘗試再次添加該屬性... –

http://stackoverflow.com/questions/7407111/detect-page-change-on-datatable審查此\ –

如果我點擊下頁，我沒有看到任何工具提示。

，這是因爲你被設定的document.ready功能title屬性...所以這適用於該文件中發現，當準備好文檔，而不是對於那些在其他頁面中的所有<tr>這當你按next時出現...

一個辦法是做一個函數，並在document.ready中調用它，然後點擊...（雖然不是一個有效的方法..）（你可能需要這個用於prev點擊）

試試這個

function toolTip() { 
    $("#events tbody tr").each(function() { 
    this.setAttribute('title', 'Ajay'); 
    }); 
} 

$(document).ready(function() { 
    ... 
    toolTip(); //<--- call this when document is ready so it gets all tr 
    $('.next').click(function() { 
    toolTip(); //and in next click which gets for next tr 
    }); 
});

fiddlehere

來源

2013-04-01 05:28:06 bipen

下次點擊工作正常。但是如果我有更多的頁面數量，如果我點擊第2,3,4頁......它不工作。任何想法？ – Think

沒關係我在$（'。pagination'）上添加了點擊事件，似乎工作正常。感謝@bipen – Think

哎...已經不在了....遲到，無論如何看到你的評論..高興地自己解決了它.. :) ..歡呼聲......歡迎...快樂編碼.. :) – bipen

我知道這是有點晚了，但我只是碰到了類似的問題，這將是我的解決方案如何適用於你的情況。

DataTables有一個$函數，它像普通的jQuery $函數一樣工作，只是它被限制在數據表的那個實例上。 http://datatables.net/api若要選擇數據表實例的每一行，請執行以下操作：$('#id').dataTable().$('tr');

使用此標題屬性將在每次用戶單擊下一次時分配一次。它也適用於數據表的所有頁面。

爲您實現它會像這樣工作：（jsFiddle）

$(document).ready(function() { 
    $('#events').dataTable({ 
     "bProcessing": true, 
      "aaData": data.aaData, 
      "bJQueryUI": true, 
      "sPaginationType": "full_numbers", 
      "aoColumns": [{ 
      "mData": "0" 
     }, { 
      "mData": "1" 
     }, { 
      "mData": "2" 
     }, { 
      "mData": "3" 
     }, { 
      "mData": "4" 
     }, { 
      "mData": "5" 
     }, { 
      "mData": "6" 
     }, ] 
    }).$("tr").each(function() { 
     this.setAttribute('title', 'Ajay'); 
    }); 
});

來源

2013-08-27 15:23:35 hradac

只是在你的js文件或者腳本中添加以下代碼。（）;（「a [rel ='tooltip']」）。tooltip（）;

，但不包括它的document.ready（）函數

來源

2014-06-25 13:35:05

更好的解決方案

在您的數據表包含此代碼

"drawCallback": function(settings) { 

          toolTipShow(); // your tootlip function. 

         },

來源

2016-09-13 14:24:40

數據表工具提示在第二頁中不起作用。僅適用於第一頁

回答

相關問題