JQuery Mobile überspringt bestimmtes Element

Question

Gibt es eine Möglichkeit, jquery mobile zu sagen, ein bestimmtes Element zu überspringen?

Ich habe eine benutzerdefinierte div, die wie aussieht:

<div class="fr-confRoomInfo">
<a href="#" class="fr-confRoomBtn blue ui-link">
<span>Some text</span></a>
</div>

Ich möchte den Ui-Link nicht auf den Tag in diesem speziellen Div anwenden. Gibt es eine Möglichkeit, das zu tun?

EDIT Ich beendete meine benutzerdefinierte CSS-Link unterhalb der Jquery Mobile so konnte ich nur überschreiben die CSS-Parameter, die ich brauchte, um zu ändern. Also in meinem css ich endete tun dies:

.fr-confRoomInfo
{
    text-shadow: none;
}

Dadurch wurde der Textschatten entfernt, der eigentlich von ui-body-c (nicht ui-link) geerbt wurde.

Answer 1

data-role="keine" ist das Richtige, um jQuery Mobile zu sagen, dass es den Tag ignorieren soll

Answer 2

Sie könnten versuchen .not() :

$('a').not('.fr-confRoomInfo > a').addClass('ui-link');

oder Sie fügen es einfach zu allem hinzu und entfernen es aus dem Bereich, den Sie ausschließen möchten:

$('a').addClass('ui-link');
$('.fr-confRoomInfo > a').removeClass('ui-link');

EDIT angesichts Ihrer Bemerkung über ui-link immer hinzugefügt wird, probieren Sie einfach die letzte Zeile des zweiten Schnipsels oben aus.