Przycisk radiowy nie wyrównuje się prawidłowo w środku w wersji jquery mobile 1.0?

Question

Użyłem przycisku radiowego w mojej aplikacji mobilnej jquery i używam jquery mobile 1.0 i jquery 1.6.4. Problem jest zawsze wyrównany w lewo. Tak, próbowałem przenieść się w centrum, ale to nie działa. Jak to naprawić? Z góry dziękuję.

<div id="userOptionGroup" data-role="contain"> 
      <fieldset data-role="controlgroup" data-type="horizontal" data-theme="b" style="font-size:12px;border:2px;"> 
       <input type="radio" data-theme="b" name="radio-choice-b" id="radio-choice-wuser" value="windowUser" checked="checked" /> 
       <label for="radio-choice-wuser" style="font-size: 12px;" class="ui-btn-section-active" id="lblWindowUser">win user</label> 
       <input type="radio" data-theme="b" name="radio-choice-b" id="radio-choice-muser" value="mfileUser" /> 
       <label for="radio-choice-muser" style="font-size: 12px;" id="lblMfileUser">M file user</label> 
      </fieldset> 
      </div> 

Answer 1

Y ou musi zawijać radiobuttons w div z ustaloną szerokością i marginesem ustawionym na auto w zestawie pól. Oto jak - oczywiście lepiej jest nie używać inline css.

<fieldset data-role="controlgroup" data-type="horizontal" style="text-align: center"> 
    <div style="width: 200px; margin: 0 auto;"> 
    <input type="radio" name="radio-choice-1" id="radio-choice-1" value="choice-1" checked="checked" /> 
    <label for="radio-choice-1">A</label> 
    <input data-theme="e" type="radio" name="radio-choice-1" id="radio-choice-2" value="choice-2" /> 
    <label for="radio-choice-2">B</label> 
</div> 
</fieldset> 

Answer 2

trzeba napisać na tę klasę w niestandardowym pliku css

.ui-checkbox .ui-btn-icon-left .ui-icon, .ui-radio .ui-btn-icon-left .ui-icon { 
    left: 303px;// can vary according to your lay out 
} 

lub można definiować własne klasy, która będzie nad napisać powyżej własność ... coś jak to-

.leftAlign{left: 303px;} 

następnie przypisać tę klasę do rozpiętości, który zawiera dostosowaną przycisk Radion użyciu jQuery ...

Answer 3

Próbuję za dużo i ostatecznie 1. Odpowiedź na to pytanie rozwiązać mój problem. Wygląda jak poprawka na błąd mobilny jquery, ale powinien być obsługiwany poprawnie bez wykonywania takiej łatki :). Dzięki Hampus.

Answer 4

Check out: https://forum.jquery.com/topic/radio-button-problem-rc3

Answer 5

będę odebrać link podany przez nir:

Owiń fieldset w div stylu display: table; margin: 0 auto;. To może być trochę hackowania, ale działa bez konieczności ustawiania jakiejkolwiek szerokości lub marginesu.

<div style="display: table; margin: 0 auto;"> 
    <fieldset data-role="controlgroup" data-type="horizontal" data-theme="b" style="font-size:12px;border:2px;"> 
     <input type="radio" data-theme="b" name="radio-choice-b" id="radio-choice-wuser" value="windowUser" checked="checked" /> 
     <label for="radio-choice-wuser" style="font-size: 12px;" class="ui-btn-section-active" id="lblWindowUser">win user</label> 
     <input type="radio" data-theme="b" name="radio-choice-b" id="radio-choice-muser" value="mfileUser" /> 
     <label for="radio-choice-muser" style="font-size: 12px;" id="lblMfileUser">M file user</label> 
    </fieldset> 
</div>