jQuery字符數 - 函數不被調用

Question

我創建了一個jQuery函數來計算文本字段中的字符數量並輸出數字。但它似乎並沒有被要求發佈密鑰。與文本字段的頁面是被納入index.php外部頁面和js被包括從外部js文件。

$('#commentField').keyup(function() { 
    alert("functionCalled"); 
    var max = 500; 
    var len = $(this).val().length; 
    if (len >= max) { 
     $('#charNum').html(' you have reached the limit'); 
    } else { 
     var char = max - len; 
     $('#charNum').text(char + ' characters left'); 
    } 
    }); 

文本區域：

<input type="text" name="commentArea" placeholder="Comment..." autofocus="autofocus" id="commentField"/> 

的div要填充：

<div id="charNum">here</div> 

外部js文件將被罰款的訪問，但功能似乎並沒有被調用。爲什麼這不起作用？

Answer 1

如果它是動態內容，那麼你需要調用.on。但是，我會將「身體」改變爲更接近DOM的元素。

$('body').on('keyup','#commentField',function() { 
    alert("functionCalled"); 
    var max = 500; 
    var len = $(this).val().length; 
    if (len >= max) { 
     $('#charNum').html(' you have reached the limit'); 
    } else { 
     var char = max - len; 
     $('#charNum').text(char + ' characters left'); 
    } 
}); 

Answer 2

您的事件處理函數是否處於文檔就緒函數中？

$(function() { 

    //put your code here 

}); 

接下來，您的輸入是否存在於事件綁定時的頁面上？換句話說，你的元素是動態添加的嗎？如果是這樣，請嘗試事件代表團。

Answer 3

char是javascript中的保留字，所以你的keyup函數沒有編譯。嘗試使用不同的名稱。

編輯：

它似乎在this fiddle工作。