Jquery Mobile заставляют его не использовать класс - PullRequest
2 голосов
/ 30 июня 2011

У меня есть кнопка, по умолчанию она добавляет класс 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>

Ответы [ 2 ]

2 голосов
/ 30 июня 2011

Live Пример:

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');
1 голос
/ 30 июня 2011

Вы можете использовать функцию jQuery removeClass('ui-btn-corner-all').Других способов делать то, что ты хочешь, нет.

...