使用jQuery的自定义搜索当前不起作用

时间:2016-10-11 19:13:21

标签: javascript jquery ruby-on-rails postgresql

我有一个列表表,在该表中有一个square_feet列。我正在尝试构建一个过滤器,以便我可以进入平方英尺范围的低端和高端,然后将这些结果显示在页面上并隐藏其余部分。这个JS与Rails 4一起使用。目前,当我输入一个值而不管哪个字段时,它只删除所有列表。

jQuery的:

// min square footage
var minSquareFootage = $.trim($("#min-square-footage").val());
if (minSquareFootage.length > 0) {
   var minSquareFootage = parseFloat(minSquareFootageVal);
   rows = rows.filter(function(i, v) {
      var rowSquareFeet = $(this).data("square_feet");
      return rowSquareFeet >= minSquareFootage;
   });
}

// max square footage
var maxSquareFootage = $.trim($("#max-square-footage").val());
if (maxSquareFootage.length > 0) {
   var maxSquareFootage = parseFloat(maxSquareFootageVal);
   rows = rows.filter(function(i, v) {
      var rowSquareFeet = $(this).data("square_feet");
      return rowSquareFeet >= maxSquareFootage;
   });
}

查看:

<div class="col-sm-2">
   <div class="input-group">
      <input type="text" class="general-text-field" placeholder="Min Sq Ft" id="min-square-footage">
   </div>
</div>
<div class="col-sm-2">
   <div class="input-group">
      <input type="text" class="general-text-field" placeholder="Max Sq Ft" id="max-square-footage">
   </div>
</div>

1 个答案:

答案 0 :(得分:1)

嗯,我不确定这完全是问题所在,但看起来你想在第二个过滤器回调中想要rowSquareFeet &lt; = maxSquareFootage。