У меня есть таблица списков, и в этой таблице есть столбец 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,
У меня есть таблица списков, и в этой таблице есть столбец 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,