Некоторый код ...
$(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
Resolved Получается, что значения опций завинчивались, установите их в диапазоне от 1 до 5, а не от 5 до 9, и все было хорошо.