jqueryi-ui-buttonset - jQuery UI 单选按钮设置换行符

Question

当我使用两个按钮组时，它们不会显示在同一行。有没有办法在同一行显示这两个？这是我的代码

html:

<div id="view">
<input type="radio" id="radio1" name="radio" /><label for="radio1">Regular</label>
<input type="radio" id="radio2" name="radio" checked="checked" /><label for="radio2">Investments</label>
<input type="radio" id="radio3" name="radio" /><label for="radio3">All</label>
</div>


<div id="lod">
<input type="radio" id="lod_S" name="radio" checked="checked" /><label for="radio2">Summary</label>
<input type="radio" id="lod_D" name="radio" /><label for="radio3">Detail</label>
</div>

javascript:

$('#view,#lod').buttonset();

在此先感谢您的帮助。

Answer 1

元素的默认样式div会导致一个元素低于另一个元素。你可以span在这里替换。

jsFiddle

---

或者使用 CSS 来改变 div 的样式：

<style type="text/css">
    #view, #lod {
        display: inline;
    }

</style>