Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/458.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/75.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript jquery行和列高亮显示在datatables中不起作用(rails应用程序)_Javascript_Jquery_Ruby On Rails_Ruby_Datatables - Fatal编程技术网

Javascript jquery行和列高亮显示在datatables中不起作用(rails应用程序)

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

我在rails应用程序的“listings.js”中有以下代码。我使用gem数据表来显示一些数据。我想突出显示我的列和行,如图所示。但我的应用程序中的突出显示功能不起作用

//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