Défilement horizontal avec jQuery Tag-it

J'utilise jQuery Tag-it pour quelque chose sur lequel je travaille. Cependant, je n'aime pas que lorsque je tape trop de balises, le débordement apparaisse en dessous des balises que j'ai déjà saisies, au lieu d'ajouter les balises les plus récentes à la droite de ce que j'ai déjà tapé. Ce que je veux, c'est que les balises soient toujours ajoutées à la droite des autres balises, et permettent à un utilisateur de faire défiler horizontalement pour voir de nouvelles balises.Défilement horizontal avec jQuery Tag-it

est ici la page d'exemple que j'ai essayé de jouer avec: http://aehlke.github.com/tag-it/examples.html

Voici mon premier essai:

ul.tagit { height: 40px; overflow-x: auto; }

essayer Second:

ul.tagit { height: 40px; overflow-x: auto; white-space: nowrap; } 
ul.tagit li { display: inline; }

Ni semblent travail.

Source

2013-03-16 varatis

pouvez-vous créer un violon. cela semble être son travail à l'aide inlinehttp://jsfiddle.net/REgGC/

Source

2013-03-17 00:43:58 btevfik

Je vais créer un violon. Cependant, si vous essayez de changer le CSS que vous avez fourni sur votre violon à la page d'exemple que j'ai donnée, cela ne fonctionne pas. – varatis

Voici un violon. Juste copié des choses de la page d'exemple de la Github Repo http://jsfiddle.net/2hKY5/1/ – varatis

Voici le violon avec votre CSS appliqué ... http://jsfiddle.net/2hKY5/2/ <--- comme vous pouvez le voir, il déborde encore sur la nouvelle ligne – varatis

Le code de btevfik trouvé en travaux: http://jsfiddle.net/btevfik/qUsG8/

Le problème que je rencontrais cependant avec ce morceau de code a été, lors de la suppression des balises du <ul> sauté vers le bas à une deuxième ligne et a immédiatement sauté à nouveau lorsque l'étiquette a été enlevée. Cela peut être résolu en définissant animate: false dans le fichier tag-it.js.

Source

2016-07-26 07:41:09 mxzwrnz

Défilement horizontal avec jQuery Tag-it

Répondre

Questions connexes