これらのボタンをページに合わせて動的にサイズ変更して、DIVの100%(それぞれ33%)を埋めるのに問題があります。
これは私を近づけますが、完璧ではなく、ページが広いほど悪くなります。幅を33%に設定してみましたが、かなり狭くなります。
これを行うためのより良い方法はありますか?
JQuery$(window).resize
イベントコード:
var myWidth = $(window).width() - 1.3*($(window).width() - $('#eventForm').width());
$('.eStatusLabel').css("width", myWidth/3);
HTMLコード:
<div class="ui-block-b" id="statusDiv" >
<fieldset data-role="controlgroup" data-mini="true" data-type="horizontal" >
<input type="radio" name="rdStatus" id="eventStatus1" value="yes" />
<label class="eStatusLabel" for="eventStatus1" >Yes</label>
<input type="radio" name="rdStatus" id="eventStatus2" value="maybe" />
<label class="eStatusLabel" for="eventStatus2" >Tentative</label>
<input type="radio" name="rdStatus" id="eventStatus3" value="no" />
<label class="eStatusLabel" for="eventStatus3" >No</label>
</fieldset>
</div>