jquery数据表行鼠标悬停菜单

Question

问题：在使用JQuery数据表时，如何为每一行添加鼠标悬停菜单？ 我尝试使用fnRowCallback，但我没有太多运气。

它看起来类似于：

http://jsfiddle.net/Hg4NF/2/

Answer 1

fnRowCallBack中的

为每个需要鼠标悬停的元素添加一个类，然后为每个元素调用hover ..

样品，

count=0;
$("#requestsTable").dataTable({
        "bFilter" :false,
        "bAutoWidth" :false,
        "aaData" : requestData,//whatever data u want to populate the table with
        "fnRowCallback" : processRow
});


function processRow(nRow, aData, iDisplayIndex, iDisplayIndexFull){
     if(count==1){ //hide every other row, link row
        count=0;
        $(nRow).addClass("hidden");
        return nRow;
     }
     count=1;
     //add hover functions for normal rows
    $(nRow).hover(function(){
         $( this ).next().show();
    },function(){
               $( this ).next().hide();
        });

    return nRow;
}

为隐藏的类添加样式

.hidden{
   display: none;
}