jQuery移动单选按钮 - 边框半径的持久性

Question

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

但是，当我在移动网站（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（也是PC上的Chrome）上访问，那么角落都是四舍五入的：

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

但是，如果我再单击“搜索”，然后单击顶部的徽标返回主页，我会得到以下内容（在PC上的Firefox上也有默认行为）：

是否有一个流氓的JS导致我的网站这样做？它已经困扰了我一段时间，我所能找到的只是jQuery Mobile的问题而不是四处转弯。

Answer 1

这似乎是mootools.js和caption.js的问题。我不确定这个问题的根本原因。但是在加载jquery.mobile-1.0.min.js之后加载这两个js文件为了我。我不确定这是否会导致任何其他问题。您可以尝试这个并让我知道它是否有效吗？同时让我看看能否找到真正导致问题的原因。