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爲我工作。我不確定這是否會導致任何其他問題。您可以試試這個，讓我知道它是否有效？同時，讓我看看我能否找到真正導致問題的原因。