JQuery移动分组按钮宽度-使用window.resize跨越100%的DIV

我很难强制这些按钮动态调整页面大小，以填充100%的DIV（每个33%）

这让我很接近，但它并不完美，而且越宽越糟糕。我试着将宽度设置为33%，但这使它变得非常窄

有更好的方法吗

JQuery

$（窗口）。调整大小

事件代码：

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>

对
实验性的
不

---

你应该使用这个

仍然做同样的事情。我注意到页面侧面的填充是静态的，与window.size无关，所以现在我使用表单宽度将其拆分为3。当浏览器窄（模拟移动）时，它工作得很好，但如果浏览器大约500px或更宽，第三个按钮会溢出到下一行。更新如上。。。我所能得到的最精确的结果是取整个窗口的宽度，减去窗体和窗口宽度之间的差值，乘以1。3@jamis0n你有解决办法吗？我不知道确切的解决方案。但是你可以这样做。我所能得到的最好结果就是使用上面提到的代码，使用我猜测/检查的任意比例因子。。。我不认为使用“width”参数而不是数组会有任何区别。现在我还要讨论在元素初始化之后，但在用户看到宽度更改之前，何时运行此代码：

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