Jiletli kaydırıcıyı doldurmak için Razor alanı

Question

Bir JQuery kaydırıcısını, Razor sözdizimi içindeki bir alanı doldurarak çalışıyorum. Ben jQuery kodunu izleyerek bu çalışma https://jqueryui.com/slider/#rangemax bulduk ama ne var şu

Jilet olan Jilet

iç

doldurmak sonra bu almakla sorun yaşıyorum:

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

Tutarı yeni olana kadar sarmayı denedim ve Jilet kodunun etrafını sarmayı denedim ama hala çalışmayacak

Teşekkürler

Answer 1

Tarayıcınızın kodunu geliştirici araçlarını kullanarak incelemeniz gerekir. İlgili tüm öğelerin kimliklerini kontrol edin ve her şeyin örnekle eşleştiğinden emin olun.

Eğer kodunu değiştirmek gerekir böylece Editör şablonu için kimliği SunsdayMinutes olacak

: Ayrıca sürgü div eklemeniz gerekir Açıkçası

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

:

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

emin olun bütün İlgili jQuery UI kitaplıkları bulunur ve sürümlerin herhangi bir çakışma oluşturmaz.