Question

我无法强制这些按钮动态调整页面大小以填充100％的DIV（每个33％）。

这让我很接近，但它并不完美，而且页面越宽则越糟糕。我已经尝试将宽度设置为33％，但这使得它非常窄。

有更好的方法吗？

JQuery $(window).resize事件代码：

var myWidth = $(window).width() - 1.3*($(window).width() - $('#eventForm').width());
$('.eStatusLabel').css("width", myWidth/3);

HTML code：

<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>

Answer 1

$('.eStatusLabel').css("width",(($('#statusDiv').width()/3)-1));

你应该使用这个

JQuery Mobile Grouped Button Width - 使用window.resize跨越DIV的100％

1 个答案: