2013-09-23 61 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; –