Einige Codes...
$(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>Der obige Code führt zu "f ist undefiniert", wenn der Schieberegler bewegt wird.
Die Min-Max-Werte sind dynamisch und werden durch den Code im Hintergrund hinzugefügt, ich denke, dass dies mein Problem ist
Für Hinweise bin ich sehr dankbar.
JQuery-Version jquery-1.4.4.min.js
Aufgelöst Es stellte sich heraus, dass die Optionswerte das Ganze durcheinander brachten. Ich stellte sie auf einen Bereich von 1 bis 5 statt 5 bis 9 ein und alles war gut.
