2013-09-23 41 views
0

我正在使用Tags jquery。我已经成功地集成了它来添加标签,但是当我点击标签的cross(x)图标时,我需要执行一些操作,当我删除标签时,我无法在其文档中获取该事件。删除标记jquery中的标记事件

我想是这样的,但没有工作...

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

请帮我家伙...

在此先感谢!

回答

0

有事件没有构建但你可以自己创建修改插件:

//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 
    }; 

,并用它喜欢:

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

它不工作dude..I复制粘贴从线411代码..之后却显示我的错误语法错误:语法错误 \t [...] \t jquery.js和(2号线,列12) 类型错误:$(...)textext不是一个函数 \t .textext({插件: '标签'}) –

+0

孔U型只需要使用一条线,我标记为“//这里是修改”,其余的是要在视觉上看到它在代码中的位置 –

+0

实际上我使用的是以前的版本文件,我认为代码可能与新版本有点不同,所以我下载了新的文件并使用它的textext.plugin.tags.js文件,这是我的代码$('#textarea')。textext({plugins:'tags'});但错误来自js文件的第23行TypeError:$ .fn.textext未定义 \t $ .fn.textext.TextExtTags = TextExtTags; –