JavaScript增量變量無法有條件地讀取

Question

我正在寫一個簡單的小JavaScript，並且每次點擊一個按鈕時基本上都會附加一個元素。我也想限制元素可以通過計數器和條件語句附加的次數。

The Fiddle

驗證碼：

HTML

<p id="moreUpload">click me</p> 
<div id="file-uploads"></div> 

的JavaScript

var div = "<div class='fileupload fileupload-new' data-provides='fileupload'><span class='btn btn-file'><span class='fileupload-new'>Select file</span><span class='fileupload-exists'>Change</span><input type='file' name='file[]' /></span><span class='fileupload-preview'></span><a href='#' class='close fileupload-exists' data-dismiss='fileupload' style='float: none;'>x</a></div>"; 
var count = 1; 

if (count < 6) { 
    $("#moreUpload").click(function() { 
     $(div).hide().appendTo("#file-uploads").fadeIn(500); 
     alert(count); 
     count++; 
    }); 
} 

基本上是以書面的JavaSc ript將允許無限附加，我認爲增量不起作用。然而，警報呼出了我期望看到的數字。我究竟做錯了什麼？

Answer 1

嘗試移動點擊的功能裏面你的病情，因爲點擊功能之外它什麼都不做，當你點擊按鈕，它只是點擊事件的代碼中運行：

$("#moreUpload").click(function() { 
    if (count < 6) { 
     $(div).hide().appendTo("#file-uploads").fadeIn(500); 
     alert(count); 
     count++; 

    } 
}); 

Here is demo

Answer 2

$("#moreUpload").click(function() { 
    if (count < 6) { 
     console.log(count); 
     $(div).hide().appendTo("#file-uploads").fadeIn(500); 
     alert(count); 
     count++; 
    } 
}); 

DEMO

每次你改變計數變量。但它是全球獨家新聞。