創建的文本字段在點擊時失蹤

Question

我正在嘗試jquery，並且在使用我在網上找到的腳本時遇到了問題。

輸入要創建的文本字段的數量後，文本字段出現，但一旦我點擊它們就會消失。我非常感謝這方面的幫助。謝謝！

$(function() { 

var input = $('<input type="text" />'); 
var newFields = $(''); 

$('#qty').bind('blur keyup change', function() { 
    var n = this.value || 0; 
    if (n+1) { 
     if (n > newFields.length) { 
      addFields(n); 
     } else { 
      removeFields(n); 
     } 
    } 
}); 

function addFields(n) { 
    for (i = newFields.length; i < n && i<20; i++) { 
     var somestr = "Length of Sample "; 
     var num = i+1; 
     var newInput = input.clone(); 
     newFields = newFields.add(newInput);   
     $('#newFields').append(somestr+num+":"); 
     newInput.appendTo('#newFields'); 
    } 
} 

function removeFields(n) { 
    var removeField = newFields.slice(n).remove(); 
     $('#newFields').remove(); 
    newFields = newFields.not(removeField); 
} 
}); 

Answer 1

我想你的函數只能綁定到blur，這是當輸入字段不再被選中

$('#qty').bind('blur', function() { 
    ... The function ... 

Demo

有點玩了我發現它後在第一次刪除後刪除一些對象時出現了一些錯誤。我搞砸了一段時間，但後來決定最簡單的方法是不要單獨使用add和remove，而只使用set方法。 Check out the demo，它完美的作品。唯一的缺點是，你不保留舊的輸入（所以他們的領域將是空的每刷新）