2013-12-12 41 views
0
function limitofTags(){ 
    var tags = $('div').find('.tag').map(function(){ 
     if (!$(this) = '') 
     return $(this).text(); 
    }).get(); 

    $("#tags").prop('disabled', tags.length >= 12); 
    var limit = 12; 
    var $counter = $('.numoftags'); 
    var remains = parseInt(limit - tags.length); 

    if(remains == 1){ 
     $counter.text(remains + ' more tags'); 
    } 

    if(tags.length >= limit){ 

     $counter.text('Cannot display anymore tags'); 
    } 

    else{ 

     $counter.text('Add ' + remains + ' more tags'); 
    } 

} 

時當保存草稿,而無需輸入標籤額外的代碼,接下來的頁面上,它會顯示沒有文字的刪除圖標。我試圖在沒有輸入標籤的情況下保存草稿時找到它在下一頁顯示刪除圖標的原因。出現輸入

編輯#2

function addTag() { 
    // invoked on button click or spacebar 
    var tag = $.trim($('#tags').val()); 

    if(tag !== ''){ 

     $('<div class="tag"><a href="" class="tag-delete"><i class="icn-delete"></i></a>' + tag + '</div>').appendTo('.tags-box'); 

     $('#tags').val(''); 
    } 
    limitofTags(); 


} 

它不應該添加標籤如上。但它仍然在下一個標籤上顯示帶有刪除圖標的空標籤。

任何指針或指導或幫助將不勝感激!

回答

0

你的方法有更多的問題,你需要測試的元素不是$(本)的文本,也修剪

var tags = $('div').find('.tag').map(function() { 
    var text = $.trim($(this).text()) 
    if (text != '') { 
     return text 
    }; 
}).get(); 
+0

我認爲addTag功能是我測試沒有限制標記的原因,並看看addTag功能是否仍然添加空。嗯 – kittymeows

+0

仍然有一個問題,提交後顯示空標籤。我認爲它不涉及限制標記功能。 – kittymeows

2

本聲明

if (!$(this) = '') 

應該

if ($(this) != '') 
+0

哎呀你是對的,但它仍然顯示圖標刪除嗯。我在即將添加編輯功能 – kittymeows