我有這個價格滑塊,我希望它在滑塊更改後運行某個功能。我想在滑塊上更改時運行函數filterBy。jQuery,更改運行功能
filterBy功能
<script>
function filterBy() {
$('.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($("#slider-range").slider("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',
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>
功能的滑塊:
<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();
}
});
$("#amount").val($("#slider-range").slider("values", 0) + " kr" +
" - " + $("#slider-range").slider("values", 1) + " kr");
});
</script>
我想在改變運行功能是filterBy() 我該怎麼辦呢?
我只是在我的答案中加了'change'方法,但是你之前發佈了我完成,+1,它可能比OP所尋找的更多,而不是滑動時連續觸發的「幻燈片」處理程序。 – adeneo 2015-02-23 15:28:47