Question

我有一个输入字段，用于控制google地图div的值，其中有一个圆圈，我想用滑块实时更改其值（当然还有圆的半径）。圆圈尺寸只有在我添加orr重写字段的值时才会改变，当滑块移动时它会改变，但圆圈不会改变。

滑块和字段：

navigator.geolocation.clearWatch(watchID);

.js文件调用：

$(function () {
    $("#radius-range-min").slider({
        range: "min",
        value: 500,
        min: 1,
        max: 10000,
        slide: function (event, ui) {
            $("#us3-radius").val(ui.value).focus();
        }
    });
    $("#us3-radius").val("" + $("#radius-range-min").slider("value"));

如何将滑块绑定到圆半径？

Answer 1

这对我有用：

$(document).ready(function(){
    $("#map").locationpicker({
        radius: 1
    });
    $("#slider").slider({
        min: 0,
        max: 10000,
        slide: function(){
            $("#map").locationpicker({
                radius: $(this).slider("value")
            });
        }
    });
});

所以对你的情况来说是：

$("#radius-range-min").slider({
    range: "min",
    value: 500,
    min: 1,
    max: 10000,
    slide: function () {
        $("#us3").locationpicker({
            radius: $(this).slider("value")
        });
    }
});

确保在滑块之前定义locationpicker（），否则它将无法正常工作。

将滑块动态绑定到输入字段

1 个答案: