jQuery boutons radio mobile - persistence de rayon frontière

Question

In jQuery mobile, the radio buttons get a rounded corner style applied to them.

Cependant, lorsque j'utilise le code suivant sur mon site Web mobile (http://m.fineandcountry.propertylogic.net/):

<fieldset data-role="controlgroup" data-type="horizontal"> 
    <input type='radio' name='p_department' id='p_departmentL' value='RS' checked='checked' onclick='setBuying();'> 
    <label for='p_departmentL'>Buying</label> 
    <input type='radio' name='p_department' id='p_departmentR' value='RL' onclick='setRenting();'> 
    <label for='p_departmentR'>Renting</label>  
</fieldset> 

je reçois des résultats très contradictoires - si je visite sur iPad/iPhone (Chrome également sur PC), les coins sont tous arrondis:

Rounded Corners http://i.imm.io/epLF.jpeg

Toutefois, si je puis cliquez sur « Rechercher », puis cliquez sur le logo en haut pour revenir à la page d'accueil, je reçois le suivant (comportement par défaut sur Firefox sur PC aussi):

Est-il un morceau coquin JS provoquant mon site à faire cela? Ça m'a dérangé pendant un moment et tout ce que je peux trouver c'est des problèmes avec jQuery Mobile qui ne contourne pas les coins.

Answer 1

Cela semble être un problème avec mootools.js et caption.js .Je ne suis pas exactement sûr de la cause racine de ce issue.But charger ces deux fichiers js après avoir chargé jquery.mobile-1.0.min.js travaillé pour moi. Je ne suis pas sûr si ceci mène à d'autres issues. Pouvez-vous essayer ceci et laissez-moi savoir si cela fonctionne? En attendant laissez-moi voir si je peux trouver ce qui a vraiment causé le problème.