Javascript 按滑块值筛选数据表无效

我有一个datatables表工作得很好，现在我想添加一个额外的元素。用户可以移动滑块选择一个范围，单击“搜索”，表格将仅返回该范围内具有特定列值的行

以下是筛选的脚本：

  $.fn.dataTable.ext.search.push(
  function( settings, data, dataIndex ) {
    var min = parseInt( $('.leftLabel').val(), 10 );
    var max = parseInt( $('.rightLabel').val(), 10 );
    var score = parseFloat( data[11] ) || 0; 

    if ( ( isNaN( min ) && isNaN( max ) ) ||
         ( isNaN( min ) && score <= max ) ||
         ( min <= score  && isNaN( max ) ) ||
         ( min <= score   && score <= max ) )
    {
        return true;
    }
    return false;
    }
 );
$(document).ready(function() {
$('#slider_search').click(function () {
var table = $('#total_datatable').DataTable();
    table.draw(); 
} );
});

$.fn.dataTable.ext.search.push(
功能（设置、数据、数据索引）{
var min=parseInt（$（'.leftLabel'）.val（），10）；
var max=parseInt（$（'.rightLabel'）.val（），10）；
var得分=parseFloat（数据[11]）| | 0；
如果（（isNaN（最小值）和&isNaN（最大值））||
（伊斯南（分钟）&&score如果我理解正确，您正在尝试进行客户端搜索，但使用服务器端数据。我本不认为这是可能的，但看到您使用输入框进行搜索，我可能会错！这肯定是可能的，因为我们每天都在使用它。关于实现滑块，请确保您发送/写入的数据是正确的然后由插件读取，这样它就可以在get请求中附加适当的变量
$(document).ready(function() {

$("#total_datatable").DataTable({
 "serverSide": true,
  "ajax": {

    "url":"compare_2.php",
    "type":"GET"
 }  ,


   "paging":        true, 

   "pageLength": 100,
 "order": [[ 10, "asc" ],[11,"desc"],[1,"asc"]],
  "aoColumns": [
 { "bSortable": true, "width": "0%", "sClass": "lang_body_2", "sTitle": "Provider ID" },
 { "bSortable": true,  "width": "20%", "sClass": "lang_body_2", "sTitle": "Hospital Name" },
  { "bSortable": true, "width": "20%", "sClass": "lang_body_2",  "sTitle": "Address","visible":false    },
 { "bSortable": true, "width": "20%","sClass": "lang_body_2","sTitle": "City" },
 { "bSortable": true, "width": "20%", "sClass": "lang_body_2", "sTitle": "State",},
 { "bSortable": true, "width": "20%", "sClass": "lang_body_2", "sTitle": "ZIP Code"},
  { "bSortable": true, "width": "20%","sClass": "lang_body_2","sTitle": "County","visible":false  },
  { "bSortable": true, "width": "0%", "sClass": "lang_body_2", "sTitle": "Phone","visible":false },
 { "bSortable": true,  "width": "20%", "sClass": "lang_body_2", "sTitle": "Condition"},
  { "bSortable": true, "width": "20%", "sClass": "lang_body_2",  "sTitle": "Measure ID"},
 { "bSortable": true, "width": "20%","sClass": "lang_body_2","sTitle": "Measure Name" },
 { "bSortable": true, "width": "20%", "sClass": "lang_body_2", "sTitle": "Score",},
 { "bSortable": true, "width": "20%", "sClass": "lang_body_2", "sTitle": "Sample"},
  { "bSortable": true, "width": "20%","sClass": "lang_body_2","sTitle": "Footnote","visible":false  },
  { "bSortable": true, "width": "20%", "sClass": "lang_body_2", "sTitle": "Measure  Start","visible":false },
  { "bSortable": true, "width": "20%", "sClass": "lang_body_2", "sTitle": "Measure End","visible":false },
  { "bSortable": true, "width": "20%","sClass": "lang_body_2","sTitle": "Index","visible":false  },

  ],
  "sDom": 'f<"clear">rtip',

});

});

<div class="leftLabel" style="display:inline-block;"></div>  
<div class="rightLabel" style="display:inline-block;"></div>