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

我有一个输入字段，用于控制google maps div的值，其中有一个圆，我想用滑块实时更改它的值（当然还有圆的半径）。圆圈大小仅在我添加或重写字段值时更改，它在滑块移动时更改，但圆圈不更改

滑块和字段：

$(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"));

以及.js文件调用：

$('#us3').locationpicker({

    location: {latitude: lat, longitude: lon},
    radius: 500,
    zoom: 16,
    inputBinding: {
        //latitudeInput: $('#us3-lat'),
        //longitudeInput: $('#us3-lon'),
        radiusInput: $("#us3-radius")//,
        //locationNameInput: $('#us3-address')
    },
    enableAutocomplete: true,
    onchanged: function (currentLocation, radius, isMarkerDropped) {
        // Uncomment line below to show alert on each Location Changed event
        //alert("Location changed. New location (" + currentLocation.latitude + ", " + currentLocation.longitude + ")");
    }
});
});});

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

这对我很有用：

$(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（），否则它将不起作用。

这对我很有效：

$(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（），否则它将无法工作。

您可以创建一个JSFIDLE吗？抱歉，老板禁止。没问题，我在本地测试了它，请参阅我的答案。编辑：现在你能创建一个JSFIDLE吗？对不起，老板禁止。没问题，我在本地测试了它，看看我的答案。编辑：现在