jQuery Mobile的单选按钮 - 边界半径的持久性

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的（也Chrome浏览器的PC），边角都是圆润：

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

但是如果我然后点击“搜索”，然后单击标志上方返回主页，我得到以下（在PC以及Firefox的默认行为）：

有一个无赖一块JS导致我的网站做到这一点？这一直在困扰我一段时间，我能找到的所有问题都与jQuery Mobile的问题没有达成一致。

Answer 1

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