jqueryのloadで読み込むとjsが動作しない

質問

jqueryの「load」を使ってajax通信を行おうとしているのですが、ロード先のjsが動作してくれません。

具体的には掲示板を作っていて、コメント入力のボタンをクリックすると、ロード先のHTMLが表示され、字数カウントのあるコメント入力欄が出現するという事例です。

コメント入力欄を読み込むことはできても、字数カウント(twitterのカウントのイメージ)部分が上手く動いてくれず困っています。(もちろんロード先を単体で動かした時には字数カウントは正常に行われます。)
またあらかじめロード元に対象のjsを記入していても、上手くカウントされません。

このような場合の対処法をご存知の方は教えてください。
そもそもajaxを用いたプログラムを作成すること自体が始めてですので、根本的に使い方が間違っていましたら、恐縮ですが正しい使い方もご教授願います。

回答No.2

tracer · ベストアンサー

タイミングが問題です。
従って、ソースの内容というより、ソースがどこにどのように書いてあるかが重要です。
たとえば、ロード先の記述として、以下の値は取れますか？

//jqueryが読み込まれているか
console.log($);

//jqueryがtextareaを認識しているか
console.log($('textarea');

当たり前ですけど、準備がない段階で、jqueryを実行しても意味がありません。
通常は、ready関数、live関数、eventlistnerなどで対処します。

お礼

何度もコメントしていただきありがとうございます。

原因は私の安直すぎるミスで、読み込み先のページに「html」や「body」などのタグも入れてしまっていて、そのせいでloadした際に上手く動作しなかったようです。

とはいえconsole関数など初めて目にしたものもあり、ミスの発見に役立てました。
この度はお手数をかけて誠に申し訳ございません。

回答No.1

tracer

ソースがないとなんとも言えませんが、仮に出来ないのであれば、ロード元のjavascriptで操作するとかもありですよね。
いずれにしても、ソース次第です。

補足

回答ありがとうございます。
ソースは以下のようになっています。

○ロード元からロード先を呼び出す

//回答リンクを押した場合
function call_comment_form(){
$("読み込むクラス").load("ロード先のURL");
}

○ロード先のJS(字数カウント)

$("textarea").keyup(function(){
var count = 400 - $("textarea").val().length;
$("字数をカウントするクラス").html(count);
});