jQuery Mobile deshabilitado la adición de 'ui-link` a `<a />`

Question

I noticed my links are having ui-link appended to it. Interfering with CSS, as jQuery Mobile has styled it differently. I could overwrite, but all I need is to remove the class. Instead of removing after it has been added, is it possible to prevent jQuery Mobile from adding the class?

One way is http://forum.jquery.com/topic/a-s-still-styled-as-ui-link-despite-being-in-a-container-w-data-role-none pero prefiero no editar fuente de jQuery Mobile

Answer 1

Sólo echando un vistazo a la fuente de jQuery Mobile para v1.1.1 ... Veo que los enlaces se han mejorado en el pagecreate y create eventos excepto por lo siguiente:

.not(".ui-btn, .ui-link-inherit, :jqmData(role='none'), :jqmData(role='nojs')") 

quiere decir que usted debería ser capaz de evitar mejora mediante la adición de una clase .ui-btn o .ui-link-inherit, o la adición de un atributo o data-role="none"data-role="nojs" a los enlaces.

También llama a .jqmEnhanceable() en los enlaces, que a su vez llama a $ .mobile.enhanceable() y comprueba para asegurarse de que está bien mejorar al atravesar los elementos principales. ¿Has intentado agregar data-role="none" a los enlaces o a un elemento contenedor?

Por supuesto, puede eliminar las clases después de que jQuery Mobile se haya iniciado, sin embargo, desaconsejaría esto, ya que puede tener un efecto negativo en algunas de las funciones de jQM. Me arriesgaría a suponer que jQM usa .ui-link para algo más que solo el estilo.

$(document).bind('pageinit', function(event){ 
    $('.ui-link').removeClass('ui-link'); 
});