Doo*_*oie 5 jquery jquery-ui slider
一些代码......
$(function () {
var select = $("#drp_riskcategory");
var drpMin = $("#hdnRiskMin").val();
var drpMax = $("#hdnRiskMax").val();
$("#slider_riskcategory").slider({
min: drpMin,
max: drpMax,
range: "min",
value: select[0].selectedIndex + 1,
slide: function (event, ui) {
select[0].selectedIndex = ui.value - 1;
},
stop: function (event, ui) { drawChart(false); }
});
select.change(function () {
$('#slider_riskcategory').slider("value", this.selectedIndex + 1);
});
$('#slider_riskcategory').slider("value", this.selectedIndex + 1);
});
<body>
<p>
<select id="drp_riskcategory" name="drp_riskcategory">
<option value="5">Defensive</option>
<option value="6">Cautious</option>
<option value="7" selected="selected">Balanced</option>
<option value="8">Capital Growth</option>
<option value="9">Aggressive</option>
</select>
</p>
<div id="slider_riskcategory" style="width:200px">
</div>
<input type="hidden" value="5" id="hdnRiskMin" />
<input type="hidden" value="9" id="hdnRiskMax" />
</body>
移动滑块时,上面的代码会导致'f未定义'.
最小值最大值是动态的,并从代码后面添加,我想这可能是我的问题
任何指针都非常感激.
JQuery版本jquery-1.4.4.min.js
已解决 原因是选项值正在拧紧,将它们设置为1 - 5而不是5 - 9,一切都很好.