質問概要
$(document).ready()
後、つまり、ページのロードが完全に終わった後に、
ajax通信などで取ってきたデータをtable要素にHandlebars(テンプレートエンジン)追加したが、bootstrapのCSSが反映されていない。
これはどのように反映させるのか?
質問詳細
フロントエンドはホント、苦手です。
ページのロード後、要素を追加していきたいのですが、
bootstrap(等)のCSSが、動的追加した要素には反映されません。
例えば、「動的に追加した要素をクリックしたらイベントを発火させる」などは、on
を使えと書いてあるところもありますが、今回は、bootstrapのCSSを全て反映させたいので、なんとも違うかなと。
html
1<table id="result" class="table table-striped table-bordered"> 2</table>
に、HandleBarsで
html
1<tr> 2 <td>{{a}}</td> 3 <td>{{b}}</td> 4 <td>{{c}}</td> 5 <td>{{d}}</td> 6</tr>
のようにデータを追加していきたいです。
結局、動的作成した要素に対し、様々な設定を反映させる一番いい方法は何なのでしょうか。
経験されている方、ご存知のかた、いらっしゃいましたらご教示願います。
参考にしたサイト
・http://notitle-goy.seesaa.net/article/268369785.html
・http://logic-a.com/2013/06/22/jquery_clickevent_does_not_work/
・http://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q12105448807
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2016/08/11 12:03
2016/08/11 12:09