用于填充Razor字段的Jquery滑块

我试图通过在Razor语法中填充一个字段来让jQuery滑块工作。我通过遵循找到的jQuery代码来实现这一点，但在将其填充到Razor中时遇到了麻烦

我有以下几点

剃刀：

 <div class="form-group">
        @Html.LabelFor(model => model.SunsdayMinutes, htmlAttributes: new     {@class = "control-label col-md-2" })
    <div class="col-md-10">
            @Html.EditorFor(model => model.SunsdayMinutes, new {     htmlAttributes = new { @class = "form-control" } })
            @Html.ValidationMessageFor(model => model.SunsdayMinutes, "",     new { @class = "text-danger" })
        </div>
    </div>
<hr />

@LabelFor（model=>model.sundayments，htmlAttributes:new{@class=“controllabel col-md-2”}）
@EditorFor（model=>model.sundayments，new{htmlAttributes=new{@class=“form control”}}）
@Html.ValidationMessageFor（model=>model.sunsdayments，“，new{@class=“text danger”}）

jQuery：

 @section Scripts {    
        @Scripts.Render("~/bundles/jqueryval")
        <script type="text/javascript">

    $(function () {
        $("#slider-range-max").slider({
            range: "max",
            min: 1,
            max: 10,
            value: 2,
            slide: function (event, ui) {
                $("#amount").val(ui.value);
            }
        });
        $("#amount").val($("#slider-range-max").slider("value"));
    });
    </script>
    }

@节脚本{
@Scripts.Render（“~/bundles/jqueryval”）
$（函数（）{
$（“#滑块最大范围”）.滑块({
射程：“最大”，
民:1,，
最高：10，
价值：2，
幻灯片：功能（事件、用户界面）{
美元（“#金额”）.val（ui.value）；
}
});
$（“金额”）.val（$（“滑块范围最大”）.slider（“值”）；
});
}

我已经尝试过将这个数量放入一个新的代码中，并将其包装在Razor代码中，但它仍然不起作用

---

非常感谢

您应该使用开发人员工具检查浏览器中的代码。检查所有相关元素的ID，确保所有内容都与样本匹配

编辑器模板的id将为SunsdayMinutes，因此您需要更改代码：

$('#SunsdayMinutes').val($('#slider-range-max').slider("value"));

显然，您还需要包括滑块div：

<div id="slider-range-max"></div>

确保包含所有相关的jQuery UI库，并且版本不会导致任何冲突