jquery - 为什么 jQuery UI 单选按钮之间会出现间隙？

Question

我正在使用 jQuery 为单选按钮设置主题；

$(function() {
    $("#chart_switch").buttonset();
});

HTML:

<form>
    <div id="chart_switch">
        <input type="radio" id="pie" name="chart_type" value="pie" checked="checked" /><label for="pie">Pie</label>
        <input type="radio" id="bar" name="chart_type" value="bar" /><label for="bar">Bar</label>
    </div>
</form>

结果:

我不明白的是为什么两个选项之间会出现差距。我使用的是 Firefox 8.0，在 Chrome (v15.0) 中也显示相同

Answer 1

在花了一个小时研究并尝试了这个问题的所有解决方案，然后最终将我的问题发布到 SO 上之后，实际上 5 分钟后我发现我的 jQuery 需要更新......一旦我更新了它，它就会按预期显示。