class - Jquery Mobile 强制它不使用类

Question

我有一个按钮，默认情况下它添加类 ui-btn-corner-all。我怎么能告诉它不要使用它，因为我只想要方形边缘或在我创建的那里强制使用另一种样式？

<div data-role="content" data-theme="home">

    <a href="index.html" data-role="button" data-icon="arrow-r">Content</a> 

</div>

Answer 1

现场示例:

http://jsfiddle.net/SCw8e/3/

HTML:

<div data-role="page" id="jqm-home" class="type-home"> 
    <div data-role="content">
        <a href="index.html" data-role="button" data-icon="arrow-r">Button w/ jQM Style</a>
        <a href="index.html" data-role="button" data-icon="arrow-r" id="default-button-style-1">Button wo/ rounded corners jQM Style</a>    
        <a href="index.html" data-role="button" data-icon="arrow-r" id="default-button-style-2">Button wo/ icon jQM Style</a> 
        <a href="index.html" data-role="button" data-icon="arrow-r" id="default-button-style-3">Button wo/ icon/rounded corners jQM Style</a>  
    </div>
</div>

JS:

$('#default-button-style-1').removeClass('ui-btn-corner-all');
$('#default-button-style-2').removeClass('ui-btn-icon-left');
$('#default-button-style-3').removeClass('ui-btn-icon-left ui-btn-corner-all');