如何使一個DOM元素免費的Jquery Mobile自動設置UI類？

Question

也許我的問題有點混亂，讓我稍微澄清一下。我正在使用Jquery Mobile，我希望它具有屏幕過渡和其他功能，但我不希望所有這些UI樣式自動應用於我的元素。

我目前的問題是ui-link適用於我的鏈接。其他ui-whatever，暫時不打擾我。

我想以一種「友好的方式」避免這個問題（不需要重寫大量的CSS或再次刪除它們）。

有沒有什麼辦法讓元素免疫這些自動造型？

的代碼，我寫道：

<div class="page" id="home" data-role="page"> 
    <a class="bt" href="#page2">Page Two</a> 
</div> 

的jQuery Mobile的生成代碼

<div id="home" class="page ui-page ui-body-c ui-page-active" data-role="page" data-url="home" tabindex="0" style="min-height: 361px;"> 
    <a class="bt ui-link" href="#page2">Page Two</a> 
</div> 

謝謝！

Answer 1

刪除類找到了！希望它可以幫助有同樣問題的人。

只需將data-role="none"應用於元素。

阻止表單元素自動初始化

如果你喜歡用特定形式的控制由 jQuery Mobile的保持原樣，只是給該元素的屬性 數據角色=「無」。例如：

<label for="foo"> 
<select name="foo" id="foo" data-role="none"> 
    <option value="a" >A</option> 
    <option value="b" >B</option> 
    <option value="c" >C</option> 
</select> 

http://jquerymobile.com/demos/1.0b2/#/demos/1.0b2/docs/forms/docs-forms.html

Answer 2

$(".ui-link").removeClass("ui-link"); 

應該從所有有它:-)