jquery - 删除标签 jquery 中的标签事件

Question

我正在使用标签 jquery。我已成功集成它以添加标签，但是当我删除标签时我需要执行一些操作，这意味着当我单击标签的十字 (x) 图标时。我无法在其文档中获取此事件。

我尝试过这样的事情，但没有工作......

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

请大家帮帮我...

提前致谢！！！

Answer 1

没有内置事件，但您可以自己修改插件来创建它：

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