0
我试图从更改后的价格滑块中检索值。jQuery在价格滑块更改后获取值
价格滑块:
<script>
$(function() {
$("#slider-range").slider({
range: true,
min: 0,
max: 5000,
values: [ 500, 2000 ],
slide: function(event, ui) {
$("#amount").val(ui.values[ 0 ] + " kr" + " - " + ui.values[ 1 ] + " kr");
},
change: function(event, ui) {
filterBy(ui);
}
});
$("#amount").val($("#slider-range").slider("values", 0) + " kr" +
" - " + $("#slider-range").slider("values", 1) + " kr");
});
</script>
filterBy(UI)
<script>
function filterBy(ui) {
$('.searchtable').addClass('hide');
$('.spinner').removeClass('hide');
$.ajax({
type: 'GET',
data: {'name':'<?php echo strval($_GET['name']); ?>','arrival':'<?php echo strval($_GET['arrival']); ?>','departure':'<?php echo strval($_GET['departure']);?>','guests':'<?php echo strval($_GET['guests']);?>','minRate':$("#amount").val(ui.values[0]),'propertyCategory':$("#hotelType input[type='checkbox']:checked").val(),'minStarRating':$("#hotelRating input[type='checkbox']:checked").val()},
url: '<?php echo $baseUrl ?>/hotels/hotelFilterResult.php',
success: function (data) {
alert('data loaded succesfully');
alert(this.url);
$('.searchtable').replaceWith(data);
$('.spinner').addClass('hide');
$('.searchtable').removeClass('hide');
},
error: function (xhr) {
alert('data not loaded');
}
});
}
</script>
试图让在第一位置的价格滑块的电流值(0)。这个数据元素:
$.ajax({
type: 'GET',
data: {'name':'<?php echo strval($_GET['name']); ?>','arrival':'<?php echo strval($_GET['arrival']); ?>','departure':'<?php echo strval($_GET['departure']);?>','guests':'<?php echo strval($_GET['guests']);?>','minRate':$("#amount").val(ui.values[0]),'propertyCategory':$("#hotelType input[type='checkbox']:checked").val(),'minStarRating':$("#hotelRating input[type='checkbox']:checked").val(),'amenities':$("#hotelAmenities input[type='checkbox']:checked").val()},
url: '<?php echo $baseUrl ?>/hotels/hotelFilterResult.php',
试图通过这种检索它:
'minRate':$("#amount").val(ui.values[0])
但doesen't工作 - 我如何才能在这里的价格滑块的当前值?
是我尝试在filterBy()中调用 - 如何传递ui参数? – 2015-02-23 17:08:11
啊我看你使用范围滑块,所以调用(“值”)是好的。至于filterBy我会尝试:在你的更改事件处理程序中:filterBy(ui)并且不要忘记你的函数定义函数filterBy(ui) – vm2013 2015-02-23 17:11:13
中的参数,所以说filterBy(ui)应该传递参数? @ vm2013 – 2015-02-23 17:17:19