dare valore iniziale definito ad uno slider

[stardom]

Gentilmente, esiste la possibilità di far comparire uno slider ad un valore diverso dal minimo, senza agganciarsi a jquery esterni ma semplicemente inserendo una "variabile" qui dentro?

<div radiusslider min="1" max="300" class="blabla" onchnage="doRadiusSearch(radius)" radius="days"></div>

Lo slider è visibile cliccando su questo button in alto a sinistra. Ringrazio vivamente eventuali suggerimenti.

[badaze]

Nella pagina c'è un errore...

<div radiusslider min="1" max="300" class="cdbl-slider" onchnage="doRadiusSearch(radius)" radius="days"></div>

onchange andrebbe meglio.

[stardom]

Yes, ho notato l'errore ortografico, ma stranamente la ricerca e gli sliders funzionano... come te lo spieghi ?

[stardom]

Se non è possibile inserire un value direttamente nell'html, come posso inserirlo nel jquery seguente?

$( "#slider-range-min" ).slider({
range: "min",
value: 42,
min: 1,
max: 100,
slide: function( event, ui ) {
$( "#amount" ).val( ui.value + "km" );
}
});
$( "#amount" ).val( $( "#slider-range-min" ).slider( "value" ) + "km");


$( "#slider-range-search" ).slider({
range: "min",
value: 42,
min: 1,
max: 100,
slide: function( event, ui ) {
$( "#amount-search" ).val( ui.value + "km" );
}
});
$( "#amount-search" ).val( $( "#slider-range-search" ).slider( "value" ) + "km");




$( "#slider-range-search-day" ).slider({
range: "min",
value: 20,
min: 1,
max: 300,
slide: function( event, ui ) {
$( "#amount-search-day" ).val( "<" + ui.value );
}
});
$( "#amount-search-day" ).val( "<" + $( "#slider-range-search-day" ).slider( "value" ) );

[stardom]

Se non è possibile inserire un value direttamente nell'html, come posso inserirlo nel jquery seguente?

$( "#slider-range-min" ).slider({
range: "min",
value: 42,
min: 1,
max: 100,
slide: function( event, ui ) {
$( "#amount" ).val( ui.value + "km" );
}
});
$( "#amount" ).val( $( "#slider-range-min" ).slider( "value" ) + "km");


$( "#slider-range-search" ).slider({
range: "min",
value: 42,
min: 1,
max: 100,
slide: function( event, ui ) {
$( "#amount-search" ).val( ui.value + "km" );
}
});
$( "#amount-search" ).val( $( "#slider-range-search" ).slider( "value" ) + "km");


$( "#slider-range-search-day" ).slider({
range: "min",
value: 20,
min: 1,
max: 300,
slide: function( event, ui ) {
$( "#amount-search-day" ).val( "<" + ui.value );
}
});
$( "#amount-search-day" ).val( "<" + $( "#slider-range-search-day" ).slider( "value" ) );

[ciro78]

stradom ma usare il tag code ?

[stardom]

Devo ancora risolvere questo problema. ho trovato la soluzione su questa pagina, è quasi uguale alla mia funzione (non che l'abbia scritta io, per me è arabo). Come faccio a far diventare la mia funzione

$( "#slider-range-min" ).slider({
    range: "min",
    value: 42,
    min: 1,
    max: 100,
    slide: function( event, ui ) {
      $( "#amount" ).val( ui.value + "km" );
    }
  });
  $( "#amount" ).val( $( "#slider-range-min" ).slider( "value" ) + "km"); 

come quella dell'esempio?

$(document).ready(function()
{  
   var iValue = 18;
   $("#lbl").text(iValue); 
   $("#slider").slider(
   {
     min:0,
     max:100,
     value:iValue,
     slide:function(event,ui) 
     {
       $("#lbl").text(ui.value);
     }
  });
});? 

[stardom]

io non so nulla di jquery, ma ho scoperto che questo slider è quello base, ed ho trovato anche l'esempio base per dare un valore minimo allo slider: https://jqueryui.com/slider/#rangemin.
L'unica differenza che vedo dal mio codice è un "$" + aggiunto prima di una parentesi, nient'altro. Allora perchè non mi funziona?

Codice Jquery:

$( "#slider-range-min" ).slider({
    range: "min",
    value: 37,      
    min: 1,      
    max: 700,      
    slide: function( event, ui ) {        
         $( "#amount" ).val( "$" + ui.value );      
         }    
         });    
    $( "#amount" ).val( "$" + $( "#slider-range-min" ).slider( "value" ) ); 

Codice mio (al quale poi aggiungo "$" + )

$( "#slider-range-min" ).slider({
    range: "min",
    value: 37,      
    min: 1,      
    max: 700,      
    slide: function( event, ui ) {        
         $( "#amount" ).val( "$" + ui.value );      
         }    
         });    
    $( "#amount" ).val( $( "#slider-range-min" ).slider( "value" ) + "km");

$( "#slider-range-search-day" ).slider({
    range: "min",
    value: 20,
    min: 1,
    max: 300,
    slide: function( event, ui ) {
      $( "#amount-search-day" ).val(  "<"  + ui.value );
    }
  });
  $( "#amount-search-day" ).val( "<" +  $( "#slider-range-search-day" ).slider( "value" ) ); 

Che cosa significano "km" e "<", Sono unità di misura o funzionano anche come variabili? Scusate, ma sono proprio ignorante in questo.