Champ de saisie de droite à gauche - Plugin d'interface utilisateur jquery Tag-it

Tag-it est un plugin jquery UI qui permet d'affecter des tags depuis l'interface frontale, exactement comme le système de tags dans stackoverflow. http://aehlke.github.io/tag-it/Champ de saisie de droite à gauche - Plugin d'interface utilisateur jquery Tag-it

https://github.com/aehlke/tag-it/blob/master/README.markdown

En fait, après avoir appelé les scripts nécessaires à l'intérieur de mon <head>, je viens de mettre dans mon code source:

<ul id="myTags"> 
</ul>

Et appeler la fonction comme ceci:

<script type="text/javascript"> 
    $(document).ready(function() { 
     $("#myTags").tagit(); 
    }); 
</script>

Après l'exécution, la source de code finale est (Disons que j'ai inséré un tag):

<ul id="myTags" class="tagit ui-widget ui-widget-content ui-corner-all"> 
    <li class="tagit-choice ui-widget-content ui-state-default ui-corner-all tagit-choice-editable"> 
     <span class="tagit-label">tag1</span> 
     <a class="tagit-close"> 
     <span class="text-icon">×</span> 
     <span class="ui-icon ui-icon-close"></span> 
     </a> 
     <input dir="rtl" type="hidden" style="display:none;" value="tag1" name="tages[]"> 
    </li> 
    <li class="tagit-new"> 
    <input dir="rtl" type="text" class="ui-widget-content ui-autocomplete-input" autocomplete="off" role="textbox" aria-autocomplete="list" aria-haspopup="true"> 
    </li> 
</ul>

J'ai essayé de mettre dir="rtl" dans le script jquery de l'étiquette-il à l'intérieur du input, aussi j'ai essayé de mettre dir="rtl" en <ul>, mais en vain. Je suis sûr que la personnalisation de ce plugin pour qu'il fasse l'entrée de droite à gauche est au-delà de mon domaine de connaissance, c'est pourquoi je vous demande une aide habituelle, ce qui est toujours apprécié.

Comment est-ce que je peux faire le champ d'entrée de tag-il fonctionne de droite à gauche?

Source

2013-05-30 whiteletters in blankpapers

Il y a une classe dans le fichier css:

ul.tagit li { 
/* add this lines */ 
float: right; 
list-style: disc outside none; 
}

Il fera à vos balises lorsque vous essayez d'ajouter dans une zone de texte.

Source

2013-05-30 12:14:10 skparwal

Merci pour votre réponse rapide à cette question, je vais tester et revenir pour donner un retour. –

J'ai changé le nom de la classe css id selon votre identifiant UL html. s'il te plaît vérifie le. – skparwal

Parfait merci beaucoup pour votre temps et votre aide. Bonne chance –

Champ de saisie de droite à gauche - Plugin d'interface utilisateur jquery Tag-it

Répondre

Questions connexes