jquery-mobile - jquery mobile: 水平方向のコントロール グループを 1 行に保つ

Question

ラジオ ボタンの 2 つの動的水平コントロール グループがあります。

<div class="categories-panel" id="sections-panel">
    <fieldset id="section-choice-fieldset" data-role="controlgroup" data-type="horizontal">
        <!-- ko foreach: Sections -->
        <input type="radio"
               data-mini="true" 
               ...
            />
        <label data-bind="text:Name, attr:{'for':Id}"></label>
        <!-- /ko -->
    </fieldset>
</div>

controlgroups の内容は、knockoutjs によって更新されます。マークアップは次のように更新されます。

self.refreshCategoriesList = function() {
    $("#section-choice-fieldset").find("input[type='radio']").checkboxradio();
    $("#category-choice-fieldset").controlgroup();
};

問題は、デバッガーで divのdisplay: inline-blockプロパティをオフにしてオンにするまで、コントロールグループが 1 つの行に収まらないことです。.ui-controlgroup-controls

display: inline-block更新 前: http://i890.photobucket.com/albums/ac105/cubius/screen-1.png

更新後display: inline-block(目的のビュー): http://i890.photobucket.com/albums/ac105/cubius/screen-2.jpg

jQM で常にコントロールグループを 1 行に描画する方法は?