Jquery - Ajouter un texte de variable au curseur

Question

$('#slider').slider({ 
    range: "min", 
    value: 20, 
    step: 5, 
    min: 20, 
    slide: function(event, ui) { 
     $("#amount1").val("$" + ui.value); 
    } 
}); 

C'est ce que j'ai en ce moment, c'est une barre de curseur qui affiche la valeur. La partie HTML est la suivante:

<label for="amount">Offer:</label> 
<input type="text" id="amount1" /> 
<div id="slider"></div> 

Ce que je voudrais, c'est d'avoir une table au-dessous avec un bloc de texte; sauf que j'aimerais que le texte change à mesure que la valeur augmente. Dites, si elle était >= 20 et < 40 il est dit "Blah1" =>40 que ça dirait « blah2 »

Mais je vais avoir des difficultés à ajouter un autre événement à la fonction diaporama.

Merci beaucoup pour votre aide, je serai capable de l'appliquer à beaucoup de choses. Normalement, c'est juste une fonction par script, je ne les ai jamais superposés comme ça.

Answer 1

Tout ce que vous devriez avoir à faire est d'ajouter une pièce supplémentaire de code à la fonction existante qui permet d'évaluer la valeur de ui.value:

$('#slider').slider({ 
    range: "min", 
    value: 20, 
    step: 5, 
    min: 20, 
    slide: function(event, ui) { 
     $("#amount1").val("$" + ui.value); 

     if (ui.value >= 20 && ui.value < 40) { 
      $("#message").text("greater than or equal to 20 and less than 40"); 
     } else if (ui.value >= 40) { 
      $("#message").text("greater than or equal to 40"); 
     } 
    } 
}); 

Exemple:http://jsfiddle.net/andrewwhitaker/WP29E/16/