Question

一些代码......

$(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，一切都很好。

Answer 1

结果显示选项值正在拧紧，将它们设置为1 - 5而不是5 - 9，一切都很好。

Answer 2

从谷歌这里偶然发现..有同样的问题，滑块没有移动，Firebug报告错误“f未定义”。

Dooie的回答让我走上了正确的道路。原来我设置滑块的值是NaN ..

因此，如果您在尝试移动滑块时遇到同样的错误，请先检查滑块的值！

jQuery Slider f未定义

2 个答案: