我有一个表单设置,当我选择某些值时,我的项目值列表会更改。
I have a form with the values of 1 to 4 Years and when these options are selected the values in the result field change with adapted prices. 当我使用这个菜单时,它一切正常。
现在我已经安装了一个滑块(http://jqueryui.com/slider/#hotelrooms)并让它与菜单一起工作,但是 jQuery 的 .change 并没有接收到滑块所做的更改。
正如您在这段脚本中看到的:
<script>
$(function() {
var select = $( "#minbeds" );
var slider = $( "<div id='slider' style='margin-left:30px;'></div>" ).insertAfter( "#reserverer" ).slider({
min: 1,
max: 4,
range: "min",
value: select[ 0 ].selectedIndex + 1,
slide: function( event, ui ) {
select[ 0 ].selectedIndex = ui.value - 1;
}
});
$( "#minbeds" ).change(function() {
slider.slider( "value", this.selectedIndex + 1 );
});
});
</script>
它说的位:selectedIndex + 1,
更改菜单,但这不会激活以下jQuery代码:
<script>
$('#minbeds').change(function(){
if($(#minbeds).val() == '2 Years'){
$("#t_1_y_1").hide('slow');
$("#t_1_y_2").show('slow');
$("#t_1_y_3").hide('slow');
$("#t_1_y_4").hide('slow');
}
});
</script>
滑块工作,菜单工作,但我怎样才能让滑块运行 jQuery 脚本?
提前感谢您的帮助。