jquery ページ表示時にイベント発火しない

Question

コメント機能の文字制限で、文字数を表示するイベントを作っています

プログラム自体はできて、書き込むと発火して表示されるのですが

編集画面からの推移やリロードをするときに読み込んでくれず表示がされません。

どなたかご教授をよろしくお願いします。

$(function(){                                                                                                         
                                                                                                                      
    var textArea = $('.review-comment-input');                                                          
    var textAreaLength;                                                                                               
    var count = $("#count");                                                                                          
    var MAX_LENGTH = 0;                                                                                               
    count.html(MAX_LENGTH);                                                                                           
                                                                                                                      
$(document).ready(function(){                                                                                         
    textArea.on(" load keydown keyup keypress change",function(){                                                     
        textAreaLength = $(this).val().replace(/\s|　/gm,'').length;                                                  
        var diff = MAX_LENGTH + textAreaLength;                                                                       
        if ( diff >= 141) {                                                                                           
            count.html("<p style='color: red'><span style='color: red'>-"+ diff + "</span> /140</p>");                
        }else{                                                                                                        
            count.html("<p><span>"+ diff + "</span> /140</p>");                                                       
        }                                                                                                             
    })                                                                                                                
})   
})

on("load")でdomが生成された後に読み込もうとしているのですが、まちがっているのでしょうか？

Answer 1

「pageshow」イベントはどうでしょう？

Comments

[m.kk]

textArea.on("pageshow keydown keyup keypress change",function(){
にしましたが反応なしです。。
入力すればうごくのですが。。

[yambejp]

失礼しました
$(window).on('pageshow',functoin(){
です、textareaはloadされません

[m.kk]

$(window).on('pageshow',functoin(){
textArea.on("keydown keyup keypress change",function(){

こういうことですよね？
結果はうまくいきませんでした。
申し訳ないです。

[yambejp]

あーこの場合はこうかな・・

textArea.on(" load keydown keyup keypress change",function(){
textAreaLength = $(this).val().replace(/\s|　/gm,'').length;
var diff = MAX_LENGTH + textAreaLength;
if ( diff >= 141) {
count.html("<p style='color: red'><span style='color: red'>-"+ diff + "</span> /140</p>");
}else{
count.html("<p><span>"+ diff + "</span> /140</p>");
}
}).trigger('change')

[yambejp]

ようは特定要素に設定したイベントを実行させればよいということ

[m.kk]

ありがとうございます！
上記のコードをもとにして実装を進めていきます！