Фильтр поиска jQuery в Rails 4 не работает

У меня есть таблица списков, и в этой таблице есть столбец square_feet. Я пытаюсь создать фильтр, чтобы я мог войти в нижний и верхний пределы диапазона квадратных футов, а затем отобразить эти результаты на странице и скрыть остальные. Этот JS используется с Rails 4. В настоящее время, когда я ввожу значение независимо от того, какое поле, ничего не происходит.

HTML / Еврорадио:

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

JS / JQuery:

// square footage
var minSquareFootage = $.trim($("#min-square-footage").val()),
    maxSquareFootage = $.trim($("#max-square-footage").val());

minSquareFootage = (minSquareFootage.length > 0) ? parseFloat(minSquareFootage) : null;
maxSquareFootage = (maxSquareFootage.length > 0) ? parseFloat(maxSquareFootage) : null;

rows.each(function(idx, elem) {
   var rowSquareFeet = $(this).data("square_feet"),
     inRange = true;

   if (minSquareFootage) {
     inRange = inRange && (rowSquareFeet >= minSquareFootage);
   }

   if (maxSquareFootage) {
     inRange = inRange && (rowSquareFeet <= maxSquareFootage);
   }

   console.log('rowSquareFeet: ' + rowSquareFeet, 'inRange: ' + inRange);
   console.log(elem)

   $(elem).toggle(inRange);
});

javascript,jquery,ruby-on-rails,postgresql,

0

Ответов: 0

Фильтр поиска jQuery в Rails 4 не работает

У меня есть таблица списков, и в этой таблице есть столбец square_feet. Я пытаюсь создать фильтр, чтобы я мог войти в нижний и верхний пределы диапазона квадратных футов, а затем отобразить эти результаты на странице и скрыть остальные. Этот JS используется с Rails 4. В настоящее время, когда я ввожу значение независимо от того, какое поле, ничего не происходит.

HTML / Еврорадио:

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

JS / JQuery:

// square footage
var minSquareFootage = $.trim($("#min-square-footage").val()),
    maxSquareFootage = $.trim($("#max-square-footage").val());

minSquareFootage = (minSquareFootage.length > 0) ? parseFloat(minSquareFootage) : null;
maxSquareFootage = (maxSquareFootage.length > 0) ? parseFloat(maxSquareFootage) : null;

rows.each(function(idx, elem) {
   var rowSquareFeet = $(this).data("square_feet"),
     inRange = true;

   if (minSquareFootage) {
     inRange = inRange && (rowSquareFeet >= minSquareFootage);
   }

   if (maxSquareFootage) {
     inRange = inRange && (rowSquareFeet <= maxSquareFootage);
   }

   console.log('rowSquareFeet: ' + rowSquareFeet, 'inRange: ' + inRange);
   console.log(elem)

   $(elem).toggle(inRange);
});
00JavaScript, JQuery, рубин-на-рельсы, PostgreSQL,