javascript - 控制组图例垂直居中但仅在静态创建时有效

Question

如果我静态创建一个控制组，它的图例是完全垂直排列的。但是，当动态创建另一个控件组时，其图例会在顶部对齐。

请参阅 fiddle :http://jsfiddle.net/H5mMu/8/

<div id="term_grp" data-role="fieldcontain"><a>Semester:</a>
        <fieldset id="term_fields" data-role="controlgroup" data-type="horizontal">
            <input type="radio" name="term" id="ss"/><label for="ss">Sommersemester</label>
            <input type="radio" name="term" id="ws" checked="checked"/>    <label for="ws">Wintersemester</label>
        </fieldset>
    </div>
<div id="datum_grp" data-role="fieldcontain" data-type="horizontal"><a class="grpLegend">Datum:</a>
<fieldset id="datum_1_fields" data-role="controlgroup" data-type="horizontal" class="forceinline"></fieldset>
<fieldset id="datum_2_fields" data-role="controlgroup" data-type="horizontal" class="forceinline"></fieldset>
</div>
 <div id="zeit_grp" data-role="fieldcontain"><a class="grpLegend">Stunden:</a>
 <fieldset id="zeit_1_fields" data-role="controlgroup" data-type="horizontal" class="forceinline"></fieldset>
<fieldset id="zeit_2_fields" data-role="controlgroup" data-type="horizontal" class="forceinline"></fieldset>

知道为什么会发生这种情况吗？

干杯

Answer 1

$('#datum_1_fields .ui-controlgroup-controls').find('div').first().remove();
$('#datum_2_fields .ui-controlgroup-controls').find('div').first().remove();
$('#zeit_1_fields .ui-controlgroup-controls').find('div').first().remove();
$('#zeit_2_fields .ui-controlgroup-controls').find('div').first().remove();