Question

我试图通过填充Razor语法中的字段来获取jQuery滑块。我通过遵循找到https://jqueryui.com/slider/#rangemax的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 />

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>
    }

我已经尝试将数量放入一个新的并包围Razor代码，但它仍然无法工作

非常感谢

Answer 1

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

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

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

显然你还需要包含滑块div：

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

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

Jquery滑块填充Razor字段

1 个答案: