JQuery 可以看到移动的fieldset选项受控

Question

我正在尝试构建与 jquery 移动版的界面，但可以在控件下方看到选项按钮。我怎样才能让它消失？

<fieldset data-role="controlgroup" data-type="horizontal" id="time-period-type">
    <input type="radio" name="time-period" id="weekly-time-period" value="weekly" checked="checked">
    <label for="weekly-time-period">WEEKS</label>
    <input type="radio" name="time-period" id="monthly-time-period" value="monthly">
    <label for="monthly-time-period">MONTHS</label>
    <input type="radio" name="time-period" id="yearly-time-period" value="yearly">
    <label for="yearly-time-period">YEARS</label>
</fieldset>

Answer 1

#time-period-type > input{
  display      :  none;
  //opacity    :  0;
}

<fieldset data-role="controlgroup" data-type="horizontal" id="time-period-type">
    <input type="radio" name="time-period" id="weekly-time-period" value="weekly" checked="checked">
    <label for="weekly-time-period">WEEKS</label>
    <input type="radio" name="time-period" id="monthly-time-period" value="monthly">
    <label for="monthly-time-period">MONTHS</label>
    <input type="radio" name="time-period" id="yearly-time-period" value="yearly">
    <label for="yearly-time-period">YEARS</label>
</fieldset>

将 display : none 设置为您的输入元素，或者添加 opacity :0

JQuery 可以看到移动的fieldset选项受控

JQuery Mobile fieldset options can be seen under control

html

javascript

css

jquery

jquery-mobile