在http://eloboosterz.com/buywins/buywins.html,滑块按预期工作。
我在http://eloboosterz.com/v2/buywins.php复制了代码,
但我想知道为什么滑块值在变化,但不是图形。继承人的代码:
<div id="slide_div"class="slider">
<div id="slider-result">0</div>
<!--<input type="hidden" id="hidden"/>-->
<script>
$( ".slider" ).slider({
animate: true,
range: "min",
value: 3,
min: 3,
max: 30,
step: 1,
//this gets a live reading of the value and prints it on the page
slide: function( event, ui ) {
$( "#slider-result" ).html( ui.value );
writePrice();
},
//this updates the hidden form field so we can submit the data using a form
change: function(event, ui) {
}
});
</script>
<div id="price"> PRICE</div>
</div><!--end class slider-->
好的,我修好了。为了让滑块工作,我需要在我的 Js 中删除 writePrice(),因为我还没有定义它。