Articles of jquery ui slider

Comment obtenir une valeur d’entrée avec une valeur modifiée dynamicment par le curseur de l’interface utilisateur jQuery?

J’ai saisi du texte avec une valeur modifiée de façon dynamic par le curseur de l’interface utilisateur jQuery. Comment obtenir la valeur de $(“#scope_input”) par jquery? .change événement .change ne fonctionne qu’à partir d’une pression manuelle sur le clavier; lors d’un glissement, aucune valeur n’est .change : $(“#scope_input”).change(function() { console.log($(this).val()); }); $(“#scope_slider”).slider({ range: “min”, min: […]

Le curseur de plage jQuery ne fonctionne pas après un appel Ajax après la mise à jour de jQuery vers 1.10.2

Je travaille sur une application Web asp.net C # MVC et propose un filtre de plage de prix d’interface utilisateur jquery pour filtrer les produits en fonction de la plage de prix sélectionnée. Les produits résultants sont chargés via Ajax et tout semble fonctionner correctement jusqu’à maintenant. Toutefois, après la mise à niveau vers la […]

attachez le curseur de l’interface utilisateur jQuery à côté de DIV (en tant que barre de défilement de DIV)

Existe-t-il un moyen simple d’attacher un curseur d’interface utilisateur sur le côté d’un div pour qu’il se comporte comme une barre de défilement? Je me fiche de savoir si c’est techniquement du côté de la div ou techniquement à l’intérieur. J’ai juste besoin que le curseur d’interface utilisateur ressemble à la barre de défilement de […]

Lier l’icône ‘haut-parleur en sourdine’ au curseur de volume lorsque la valeur = 0?

J’ai une icône de haut-parleur à côté de mon curseur de volume et je voudrais que l’icône change lorsque la valeur du volume est à 0, en une seconde icône (en sourdine). J’ai essayé différentes variantes qui n’ont pas fonctionné. Comment je fais ça? Merci! var volumeslider; volumeslider = document.getElementById(“volumeslider”); // Add Event Handling volumeslider.addEventListener(“mousemove”, […]

jQuery UI Slider – Change la couleur de fond UNIQUEMENT entre les gestionnaires / curseurs / marqueurs

J’utilise jQuery UI Slider. J’ai plusieurs hanldes avec la plage définie sur false. Existe-t-il un moyen de colorer la plage entre deux poignées / curseurs / marqueurs comme vous le souhaitez? Je n’ai pas encore trouvé de solution à ce problème. C’est mon code / initialisation que j’utilise. var initialValues = [180, 435, 1080, 1320], […]

JS UI Slider / passage à la valeur (- précédent)

J’utilise JS UI Slider pour créer quelque chose comme un scénario. Je veux que, lorsque la valeur de l’année augmente de 1 – ma valeur de sortie diminue de 0,662%. Quelques idées? Comment je peux le faire? $(function() { $(“#slider-range-min”).slider({ range: “min”, value: 733131, min: 0, max: 10000000, slide: function(event, ui) { $(“#amount”).val(ui.value * (1 […]

Changer la sortie du curseur si la valeur est supérieure à un certain nombre

J’utilise le curseur de plage JQuery et envoie un calcul à un élément html. Tout fonctionne jusqu’à présent, sauf que si le curseur est supérieur à 10, je souhaite afficher du texte alternatif plutôt que le prix. Vous pouvez voir un code ici: http://codepen.io/redbranchmedia/pen/jEEqEw J’ai ajouté une condition à la fonction setPrice. Techniquement, cela a […]

Affichage de la valeur du curseur avec l’interface utilisateur jQuery – 2 poignées

Je veux construire un curseur avec deux poignées avec la valeur de poignée affichée dans les poignées ou au-dessus d’eux. Je l’ai fait jusqu’à présent. $( “#slider” ).slider({ range: true, min: 3600, max: 86400, values: [ 28800, 86400 ] });

Ajout d’un curseur de plage

J’ai un problème avec l’ajout d’un deuxième curseur au filtre des offres. Il existe maintenant un curseur et des cases à cocher pour filtrer les produits. Mais à ce moment, j’ai besoin d’append un curseur de plage supplémentaire pour filtrer encore plus précisément. J’essayais de faire ça mais rien ne marche. Je serais reconnaissant pour […]

jQuery UI Slider Draggable

J’essaie de faire glisser mon curseur, par exemple si j’ai 3 options: o — | — o — || — o Je veux que la poignée du curseur s’aligne sur l’option la plus proche possible. Par exemple, vous relâchez la touche de la souris entre | & || dans l’exemple ci-dessus, il devrait automatiquement aller […]