Übergeben Sie eine Variable an ein Wert-Attribut im Slider()

Question

Ich habe einen Schieberegler und das Ergebnis (Zahlen) wird im Div mit ID #Ausgabe angezeigt.

Also ich möchte diese Variable auch an ein Eingabefeld mit ID #sites übergeben, aber ich stecke. Wie kann ich das Wertattribut mit .val() ändern? Hier

ist der Code

$(document).ready(function() { 
    $(function() { 
    var out = $('#output'); 
    $("#slider").slider({ 
      min: 1, 
      max: 50, 

     slide: function(evt, ui) { 
     out.html(ui.value); 
     } 

    }); 
    $("#sites").val(out); 
    }); 
}); 

Answer 1

Zunächst beachten Sie, dass Sie nur ein Dokument benötigen. Ready Handler. Platzieren Sie den Code, der den Wert #sitesinnerhalb des slide-Handlers festlegt, um Ihr aktuelles Problem zu beheben. Im Moment setzen Sie den Wert auf Last der Seite, bevor der Benutzer mit der Steuerung in Wechselwirkung getreten ist Versuchen Sie diese:

$(function() { 
    var $out = $('#output'); 

    $("#slider").slider({ 
    min: 1, 
    max: 50, 
    slide: function(evt, ui) { 
     $out.html(ui.value); 
     $("#sites").val(ui.value); 
    } 
    }); 
}); 

Answer 2

versuchen $("#sites").val(out.text());

Answer 3

Sie haben diesen Rückruf in der Folie zu tun:

slide: function(evt, ui) { 
    out.html(ui.value); 
    $("#sites").val(ui.value); 
} 

Da geschieht Dia-Ereignis, wenn der Benutzer mit dem Schieber in Wechselwirkung tritt und Sie versuchen, den Wert außerhalb des Dokumentbereitschaftsblocks festzulegen. Zu diesem Zeitpunkt liegt der Wert auf dem Standardwert des Schiebereglers.

$(document).ready(function() { // this is as same as 
    $(function() { // this one. extra doc ready block is not needed. 
    ...... 
    }); 
});