出现输入

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(); 


}

它不应该添加标签如上。但它仍然在下一个标签上显示带有删除图标的空标签。

任何指针或指导或帮助将不胜感激！

来源

2013-12-12 kittymeows

你的方法有更多的问题，你需要测试的元素不是$（本）的文本，也修剪

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

来源

2013-12-12 04:06:40

我认为addTag功能是我测试没有限制标记的原因，并看看addTag功能是否仍然添加空。嗯 – kittymeows

仍然有一个问题，提交后显示空标签。我认为它不涉及限制标记功能。 – kittymeows

本声明

if (!$(this) = '')

应该

if ($(this) != '')

来源

2013-12-12 03:52:03 doptimusprime

哎呀你是对的，但它仍然显示图标删除嗯。我在即将添加编辑功能 – kittymeows

回答

相关问题