jQuery Mobileではidが鬼門 - Aerialarts最近jQuery Mobileを触ることが多く、ちょこちょこハマりどころがあったのでメモしておく。 jQuery Mobileはリンクを遷移したときにハッシュ（URLの#以降の文字列）ごとにdata-role="page"な要素をAjaxで取得して既存のDOMツリーに追加する。 このため検索結果のページを行き来した場合などに、ハッシュが異なるにも関わらず元になるHTMLのテンプレートが同一なためにid属性値が重複してDOMツリー上に出現することがある。 こうなるとid属性値ではユニークな要素を指定することができず、それを前提としたDOM操作がまともに動作しなくなる。 そういうわけで、jQuery Mobileではid属性を使うことが結構鬼門だったりする。 代替手段としては、現在アクティブになっているpageのclass属性にui-page-activeが設定されることを利用して、これとユニ
