追加した要素にcssを適用させる方法

【問題点】
動的にリストを作る時など、後からHTMLの要素を追加していく場合がある。
例えば、ラベルとテキストを追加する場合だと↓こんな感じ。

$("#list").append(
	$("<div/>").attr("data-role", "fieldcontain").append(
		$("<label/>").attr("for", "hoge1").text('ほげ１'),
		$("<input/>").attr({"type":"text", "id":"hoge1"})
	)
);

やってみるとわかるけど、これ、cssが適用されないのっぺらぼうのラベルとテキストになる。

【解決方法】
追加した要素の最後に

.trigger('create')

とつける。

Web制作の現場で使うjQueryデザイン入門[改訂新版] (WEB PROFESSIONAL)

Eclipse(aptana)のHTMLエディタでjquery記述の警告が出る場合の対処法

Eclipseでaptanaを使ってHTML5を記述している時に警告（！）が出てるのであれ？と思った。具体的にはこんな文字列だ。

<div data-role="page" id="topPage">

バリデーションで引っかかっているようだが、その解決方法をメモしておく。

概要

無視する設定にする

詳細

1. Eclipseのメニュー

ウィンドウ　＞　設定　＞　Aptana Studio　＞　検証

のバリデーターの画面から

「HTML構文バリデーター」を選択して、下の「フィルター」から「＋」ボタンを押下。

2. 無視する警告／エラーのダイアログが開くので「*data-role*」と入力。

これでdata-roleは無視されて警告が出なくなります

Eclipse 4.2 完全攻略