Créer plusieurs gamme de glisser les poignées en un curseur
Je suis en train d'ajouter plusieurs poignées pour un jQuery UI slider widget, comme dans 2 ou 3 ou plus curseurs de plage dans un curseur.
J'ai essayé de chercher sur google et trouvé un article qui montre comment le modifier pour avoir plusieurs poignées, mais j'en ai besoin pour travailler comme curseurs de plage.
Est-il de toute façon pour faire ce travail?
$("#slider-range").slider({
range: true,
min: 0,
max: 1439,
values: [540, 1020],
animate: true,
slide: slideTime
});
Grâce
"2 ou 3 ou plus curseurs de plage dans un curseur" -- que voulez-vous dire par cela?
je voulais dire, plusieurs gamme de poignées en un curseur
Si vous avez besoin de plus de deux poignées pour sélectionner une plage, vous pouvez envisager d'avoir plus d'un curseur. Je ne peux même pas imaginer comment un tel widget serait utilisé... plus d'une plage dans un seul curseur?
je pense que vous pouvez utiliser la classe tout en utilisant l'identifiant. $(".curseur de gamme")
Ce que Zack voulait dire, qu'il ne peut pas imaginer un scénario où un curseur avec plusieurs plages dans cela aurait du sens. Le problème est que plusieurs plages dans l'un des curseurs peuvent se chevaucher et il peut ne pas être clair de la plage appartient à laquelle les paramètres.
je voulais dire, plusieurs gamme de poignées en un curseur
Si vous avez besoin de plus de deux poignées pour sélectionner une plage, vous pouvez envisager d'avoir plus d'un curseur. Je ne peux même pas imaginer comment un tel widget serait utilisé... plus d'une plage dans un seul curseur?
je pense que vous pouvez utiliser la classe tout en utilisant l'identifiant. $(".curseur de gamme")
Ce que Zack voulait dire, qu'il ne peut pas imaginer un scénario où un curseur avec plusieurs plages dans cela aurait du sens. Le problème est que plusieurs plages dans l'un des curseurs peuvent se chevaucher et il peut ne pas être clair de la plage appartient à laquelle les paramètres.
OriginalL'auteur hilarl | 2011-06-16
Vous devez vous connecter pour publier un commentaire.
Prendre un coup d'oeil à colResizable jQuery plugin. Il permet de redimensionner les colonnes de la table et aussi de créer plusieurs curseurs de plage:
Si c'est le meilleur outil ou pas je suppose que c'est pour le débat, même si elle a des changements effectués au cours des deux derniers mois, selon le github, il a un certain développement actif encore.
Tandis que ceci peut théoriquement répondre à la question, il serait préférable pour inclure l'essentiel des éléments de réponse ici, et de fournir le lien de référence.
OriginalL'auteur Alvaro Prieto Lauroba
colResizable est beau et tout, mais si vous cherchez quelque chose d'un peu plus moderne, j'ai écrit Elessar pour remplir ce créneau.
Il serait assez facile de "lien" plages. Comme, il n'y a pas de lacunes et quand j'ai redimensionner une de ses sœurs est redimensionnée? (Comme le colResizable démo)
Tandis que ceci peut théoriquement répondre à la question, il serait préférable pour inclure l'essentiel des éléments de réponse ici, et de fournir le lien de référence.
Ainsi, la "partie essentielle de la réponse" est "l'utilisation Elessar". Pensez-vous que je puisse les intégrer?
le lien est cassé..
OriginalL'auteur matt brennan
C'est un wrapper qui s'étend jquery ui slider fonctionnalités et permet de construire des multi-curseur de plage http://jsfiddle.net/ladrower/BmQq4/
Il est facile à utiliser. Il suffit de passer le sélecteur d'élément du DOM qui contient un multi-curseur de plage.
S'il vous plaît, consultez la documentation et les sources sur GitHub https://github.com/ladrower/jquery-ui-intervals
OriginalL'auteur Artem Platonov
J'ai fait modifier.
Vous pouvez regarder http://jsfiddle.net/q5WEe/1/
Je n'ai modifier la ligne 70 à 82.
OriginalL'auteur misima
colresizable n'était pas bon pour moi, car c'était plus orienté vers les tables, j'ai vraiment préféré utiliser le jquery UI widget de curseur.
Il semblait que le code source peut facilement gérer plusieurs poignées, ils ne l'avaient pas vraiment construit "ajout" ou "supprimer" poignées de vivre comme une fonction.
J'ai donc simplement ajouté au code source de jquery UI Slider (un peu effrayant...je sais), mais fonctionne assez bien.
Ensuite, lorsque vous souhaitez appeler ces fonctions, vous le faites comme si
OriginalL'auteur Max
Si vous n'insistez pas sur jQuery UI, aussi noUiSlider a cette capacité et est hautement personnalisable.
Il ne peut pas vous dire les plages rightaway, mais vous pouvez les obtenir facilement de comptage avec des poignées, min et max comme ceci:
voir tripoter!
OriginalL'auteur Fanky