「HTML5研究所」の英語版サイト「HTML5 Lab」

HTML5+JavaScript+cssでWebアプリを「HTML5研究所」で公開しています。
https://html5.vixar.jp

その英語版サイト「HTML5 Lab」を公開しました。

https://english.vixar.jp

ただで英語のチェックをしてもらえるように、Webサイトを楽しんでもらって意見があるといいです。

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を記述してやる必要があります。