JavaScript沒有顯示剩餘字符，但在其他頁面上工作

Question

所以我實現了JavaScript，它通知用戶用戶剩餘多少字符。

這是我的textarea並在反饋應顯示：

<form action='' method='post' enctype='multipart/form-data'> 
    <textarea id="txtarea" name='msg' rows='2' maxlength='255' cols='80' placeholder=' Share a thought...'></textarea> 
    <input type='submit' name='send' value='Share'/> 
</form> 

// this is where the feedback should be shown... 
<div id="textarea_feed"> </div> 

這裏是JavaScript來實現所需的功能：

 <script type="text/javascript"> 
      $(document).ready(function() { 
       var text_max = 255; 
       $('#textarea_feed').html(text_max + ' characters remaining'); 

       $('#txtarea').keyup(function() { 
        var text_length = $('#txtarea').val().length; 
        var text_remaining = text_max - text_length; 

        $('#textarea_feed').html(text_remaining + ' characters remaining'); 
       }); 
      }); 
     </script> 

我有相同的形式和JavaScript佈局在profile_page.php，它在那裏工作，但由於某種原因，我沒有文字顯示在div。我知道div並沒有隱藏在任何其他div之後，因爲我已經用樣本內容進行了測試。

Answer 1

確保您包括在你的HTML jQuery的腳本標記。 當我添加CDN時，它適用於我。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script> 

https://jsfiddle.net/aeuzfLao/