2014年08月07日
川俣晶の縁側ソフトウェア技術雑記 total 4701 count

jQueryMobileでラジオボタンをスクリプトで生成するとラジオボタンが二重に出てくる問題

Written By: 川俣 晶連絡先

 現象のメモのみ。

現象 §

 jQueryMobileでラジオボタンをスクリプトで生成するとラジオボタンが二重に出てくる。

 1つはjQueryMobileが描画したらしいボタンで、もう1つは通常のHTMLのラジオボタンらしい。(しかし、サイズはやや大きい)

バグったソース §

$("#content").append(serverObj.htmlText);

$('input').checkboxradio();

$('input').textinput();

$('fieldset').controlgroup();

直ったらしいソース §

$("#content").append(serverObj.htmlText);

$('#content input[type="radio"]').checkboxradio();

$('#content input[type="text"]').textinput();

$('#content fieldset[data-role="controlgroup"]').controlgroup();

考察 §

 おそらく処理済みの要素をもう1回処理してラジオボタンが二重になっていたと推定。対象を絞り込んで解決。

感想 §

「いい加減なコードは書いちゃダメだってことだ」

「全てをよろしくやってはくれないわけだね」

「jQueryもjQueryMobileも実装の【仕掛け】が存在する以上、その【仕掛け】の限界を超えて上手くやってくれない」

「最後に何か一言」

「#contentを説明に無しに使っているけど、そこを解釈できない人には役に立たない情報だね」

「#contentって何か特別なの?」

「いや、ただのdiv要素に付いたID」