2015-02-23 69 views
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工作 - 我如何才能在这里的价格滑块的当前值?

回答

0

您是否尝试过:。 $( “#金额”)滑块( “值”)的 代替 $( “#金额”)VAL(ui.values [0])

http://jqueryui.com/slider/#rangemin

请确保您在jQuery网站上显示源代码。或者,如果您尝试在filterBy()函数中调用此函数,请确保您将ui作为参数传递?

只是猜测...

+0

是我尝试在filterBy()中调用 - 如何传递ui参数? – 2015-02-23 17:08:11

+0

啊我看你使用范围滑块,所以调用(“值”)是好的。至于filterBy我会尝试:在你的更改事件处理程序中:filterBy(ui)并且不要忘记你的函数定义函数filterBy(ui) – vm2013 2015-02-23 17:11:13

+0

中的参数,所以说filterBy(ui)应该传递参数? @ vm2013 – 2015-02-23 17:17:19