Мобильные радиокнопки jQuery - постоянство радиуса границы - PullRequest
Новая
       4

Мобильные радиокнопки jQuery - постоянство радиуса границы

0 голосов
/ 11 января 2012

В мобильном телефоне jQuery для радиокнопок применяется стиль закругленных углов.

Однако, когда я использую следующий код на моем мобильном сайте (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>

Я получаю очень противоречивые результаты - если я захожу на iPad / iPhone (также Chrome на ПК), все углы закругляются:

закругленные углы http://i.imm.io/epLF.jpeg

Однако, если я затем нажимаю «Поиск», а затем нажимаю логотип вверху, чтобы вернуться на домашнюю страницу, я получаю следующее (поведение по умолчанию в Firefox на ПК):

Correct Behavior

Есть ли какой-то негодяй JS, заставляющий мой сайт сделать это? Некоторое время меня это беспокоило, и все, что я могу найти, - это проблемы с jQuery Mobile, не закругляющими углы.

1 Ответ

2 голосов
/ 11 января 2012

Похоже, это проблема с mootools.js и caption.js. Я не совсем уверен насчет основной причины этой проблемы. Но загрузка этих двух файлов js после загрузки jquery.mobile-1.0.min.js сработала для меня. Я не уверен, приводит ли это к каким-либо другим проблемам. Можете ли вы попробовать это и дайте мне знать, если это работает? А пока позвольте мне посмотреть, смогу ли я найти причину проблемы.

...