HTML5＋JavaScript＋cssでWebアプリを「HTML5研究所」で公開しています。
https://html5.vixar.jp
その英語版サイト「HTML5 Lab」を公開しました。
https://english.vixar.jp
ただで英語のチェックをしてもらえるように、Webサイトを楽しんでもらって意見があるといいです。
カテゴリー: jQuery
HTMLページでJavaScriptコードを初期化
HTML5アプリをJavaScriptでコーディングしてゲームなどのコンテンツを作る際に、初期化を簡単に実装する方法です。
単に初期化の際に同じページをリロードしてやれば楽です。
リロードには、
location.reload()
メソッドがありますが、一瞬画面がちらつくので、
location.href = “現在のHTMLページ名”
としたほうがちらつきません。
特にjQueryのBox2Dプラグインは仕様が制限が大きいので、この初期化が楽です。
jQueryで動的に追加した要素を参照するには？
jQueryで例えば、
$(“#list ul”).append(‘<li></li>’);
のように動的に要素を追加するとします。
その要素が追加される前から、以下のように最初からその要素liにアクセスしようとコーディングしていると、プログラムがその要素を見つけることが出来ません。
$(‘#list ul’).each(function(index)
{
$($(this).find(‘li’)).on(
{
‘click’: function()
{
}
});
});
その場合、要素がappendで追加された後にもう一度追加されたli要素を明示的にonを記述してやる必要があります。