Javascript jquery行和列高亮显示在datatables中不起作用(rails应用程序)
我在rails应用程序的“listings.js”中有以下代码。我使用gem数据表来显示一些数据。我想突出显示我的列和行,如图所示。但我的应用程序中的突出显示功能不起作用Javascript jquery行和列高亮显示在datatables中不起作用(rails应用程序),javascript,jquery,ruby-on-rails,ruby,datatables,Javascript,Jquery,Ruby On Rails,Ruby,Datatables,我在rails应用程序的“listings.js”中有以下代码。我使用gem数据表来显示一些数据。我想突出显示我的列和行,如图所示。但我的应用程序中的突出显示功能不起作用 //Initialize the datatable $(document).ready(function() { var listingsTable = $('#listings').dataTable( { "sPaginationType": "full_numbers", "bJQueryUI
//Initialize the datatable
$(document).ready(function()
{
var listingsTable = $('#listings').dataTable(
{
"sPaginationType": "full_numbers",
"bJQueryUI": true,
"bSortClasses": false,
"sScrollX": "90%",
"bScrollCollapse": true,
"sDom": '<"top"iflp<"clear">>rt<"bottom"iflp<"clear">>',
"bProcessing": true,
"bServerSide": true,
"sAjaxSource": $('#listings').data('source')
});
$('td', listingsTable.fnGetNodes()).hover(function()
{
var iCol = $('td').index(this) % 5;
var nTrs = listingsTable.fnGetNodes();
$('td:nth-child('+(iCol+1)+')', nTrs).addClass( 'datatablerowhighlight' );
},
function()
{
$('td.datatablerowhighlight', listingsTable.fnGetNodes()).removeClass('datatablerowhighlight');
} );
});
那么我做错了什么呢?从中,尝试添加:
group :assets do
gem 'jquery-datatables-rails', github: 'rweng/jquery-datatables-rails'
gem 'jquery-ui-rails'
end
到你的档案和
//= require dataTables/jquery.dataTables
到app/assets/javascripts/application.js。您好,谢谢您的回复,但我已经添加了gem,并根据railscasts的插曲更新了所有内容。我用分页和搜索很好地格式化了我的数据表,就像这一集一样。但是,我无法让行和列突出显示如示例所示,该示例在我的帖子中有一个链接。我发现函数oCol未定义。你也会犯同样的错误吗?如果是这样的话,似乎还有其他关于这个问题的帖子,比如。它在datatable的javascript中。当我使用firebug控制台在浏览器中检查加载的javascript时,我注意到出现了错误。
//= require dataTables/jquery.dataTables