とても恥ずかしかったjqueryの話 | モンスター・ラボTech/Designブログ

モンスター・ラボTech/Designブログ

株式会社モンスター・ラボのテクノロジスト、デザイナーによる持ち回りブログです。

恥の多い生涯を送って来ました。
こんにちわ。僕です。
技術ブログを書こう!と思ったんですが、
プログラマー見習い補佐の僕は大層な技術を持ちあわせておらんのですよ。

ですので、自分への戒めと同じ過ちを繰り返さん為に
ほぼ自分のためだけに筆を取らせてもらいます。

先週の土日にかけて業務外で実装してたんですが、
JQueryにとってもハマっちゃいました。
JQueryってJSで動的に生成したhtmlタグには
ひと手間加えないとちゃんと動作しないんですね。。。

<html>
<head>
省略
</head>
<body>
   <div id="hoge">ほげぇ~</div>←動的に生成されたhtmlタグ
   <script type="text/javascript" src="ほにゃらら/jquery.js"/>
   <script type="text/javascript">
       $("#hoge").click(function(){なんかいろいろな命令});←動いてくんない
   </script>
<body>
</html>

動的に生成されたhtmlタグでjqueryのエフェクトを用いたときは
liveメソッドを使えば簡単に行えるんですね。。。
http://semooh.jp/jquery/api/events/live/type,+fn/

知らなかった。まぁ、他にもいろいろやり方はあるんでしょうけどね。

人生休むまもなく日々勉強とは頭では分かっているんですが、
実際こんな簡単なこともわからないとなると凹みますね。。。
以後、気をつけます。