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/