相关疑难解决方法(0)

Jquery UI滑块有两个句柄,两个文本框输入?

我需要一个带有两个手柄的jquery滑块,其中包含来自两个文本框的输入,如http://www.israel-diamonds.com/search/diamonds/default.aspx.目前我有一个单手柄滑块,单个文本框输入

$("#slider").slider({
    value: 1,
    step: 1000,
    min: 0,
    max: 5000000,
    slide: function(event, ui) {
        $("input").val("$" + ui.value);
    }
});
$("input").change(function () {
    var value = this.value.substring(1);
    console.log(value);
    $("#slider").slider("value", parseInt(value));
});
Run Code Online (Sandbox Code Playgroud)

有什么建议吗?

编辑:

<div class="demo">
    <input type="text" class="sliderValue"  />
        <p>
        </p>
        <div id="slider"></div>
    </div>
Run Code Online (Sandbox Code Playgroud)

  $("#slider").slider({
        range: "min",
        value: 1,
        step: 10,
        min: 0,
        max: 1000,
        slide: function (event, ui) {
            $("input").val(ui.value);
        }
    });


    $("input").change(function (event) {
        var value1 = parseFloat($("input").val());
        var highVal = value1 * 2;
        $("#slider").slider("option", { …
Run Code Online (Sandbox Code Playgroud)

jquery jquery-ui jquery-ui-slider

7
推荐指数
1
解决办法
2万
查看次数

标签 统计

jquery ×1

jquery-ui ×1

jquery-ui-slider ×1