2013-09-23 5 views
0

J'utilise Tags jquery. Je l'ai intégré avec succès pour l'ajout de tags, mais je dois effectuer une action lorsque je supprime un tag lorsque je clique sur l'icône cross (x) du tag. Je ne suis pas capable d'obtenir cet événement dans sa documentation.supprimer tag événement dans le tag jquery

J'ai essayé quelque chose comme ça, mais ne fonctionne pas ...

$('#textarea').textext()[0].tags().onClick(function(e,tag,value){ 
     alert(value); 
    }); 

S'il vous plaît aidez-moi les gars ...

Merci à l'avance !!!

Répondre

0

Il n'y a pas d'accumulation dans l'événement, mais u peut créer par vous-même modifier le plugin:

//line 411 of texttext.plugin.tags.js 
p.onClick = function(e) 
    { 
     var self = this, 
      core = self.core(), 
      source = $(e.target), 
      focus = 0, 
      tag 
      ; 

     if(source.is(CSS_DOT_TAGS)) 
     { 
      focus = 1; 
     } 
     else if(source.is(CSS_DOT_REMOVE)) 
     { 
        tag = source.parents(CSS_DOT_TAG + ':first'); 
      self.removeTag(source.parents(CSS_DOT_TAG + ':first')); 
      focus = 1; 
        // here is modification 
        self.trigger('tagRemove',tag, tag.data(CSS_TAG)); 
        // modification end 
     } 
     else if(source.is(CSS_DOT_LABEL)) 
     { 
      tag = source.parents(CSS_DOT_TAG + ':first'); 
      self.trigger(EVENT_TAG_CLICK, tag, tag.data(CSS_TAG), tagClickCallback); 
     } 

     //the rest of code in the plugin 
    }; 

et de l'utiliser comme:

$('#textarea') 
    .textext({ plugins: 'tags' }) 
    .bind('tagRemove', function(e,tag,value) 
    { 
     alert('tagRemoved'); 
    }) 
; 
+0

il ne fonctionne pas dude..I copié coller votre le code de la ligne 411 .. mais après cela me montrant SyntaxError erreur: erreur de syntaxe \t [...] \t jquery.js (ligne 2, col 12) TypeError:. $ (...) textext n'est pas une fonction \t .textext ({plugins: 'tags'}) –

+0

Eh bien u besoin d'utiliser une seule ligne , que j'ai marqué comme "// ici est modification", le reste était de voir visuellement où le placer dans le code –

+0

en fait j'utilisais son fichier de version précédente et je pense que le code peut être peu différent de la nouvelle version donc j'ai téléchargé fichier et en utilisant son fichier textext.plugin.tags.js et ceci est mon code $ ('# textarea'). textext ({plugins: 'tags'}); mais l'erreur arrive sur la ligne n ° 23 du fichier js TypeError: .fn.textext $ est définie \t $ .fn.textext.TextExtTags = TextExtTags; –