追加した要素にcssを適用させる方法
【問題点】
動的にリストを作る時など、後からHTMLの要素を追加していく場合がある。
例えば、ラベルとテキストを追加する場合だと↓こんな感じ。
$("#list").append( $("<div/>").attr("data-role", "fieldcontain").append( $("<label/>").attr("for", "hoge1").text('ほげ1'), $("<input/>").attr({"type":"text", "id":"hoge1"}) ) );
やってみるとわかるけど、これ、cssが適用されないのっぺらぼうのラベルとテキストになる。
【解決方法】
追加した要素の最後に
.trigger('create')
とつける。
Web制作の現場で使うjQueryデザイン入門[改訂新版] (WEB PROFESSIONAL)
- 作者: 西畑一馬
- 出版社/メーカー: アスキー・メディアワークス
- 発売日: 2013/03/07
- メディア: 大型本
- クリック: 4回
- この商品を含むブログ (5件) を見る