Navegador Windows Phone 7 - Desactive el sombreado gris cuando se hace clic en los enlaces

Question

Con el navegador Windows Phone 7, cuando el usuario hace clic en un enlace, se sombrea con un rectángulo gris durante aproximadamente 0,5 segundos. Esto está bien en general, sin embargo, si tiene un comportamiento de página dinámico, por ejemplo, al hacer clic en un enlace se actualiza el DOM para que el enlace ya no esté visible, el rectángulo gris opaco permanece en la pantalla una vez que el enlace se ha ido.

¡Esto se ve bastante horrible!

¿Alguien sabe cómo deshabilitar este efecto?

Answer 1

La siguiente solución parece funcionar (al menos en el emulador). El sombreado gris necesita las dimensiones del elemento cliqueado. Si el elemento tiene un ancho cero, entonces no hay sombreado, mientras que al hacer clic en los elementos secundarios todavía se dispara el controlador de clics del elemento.

<div id="myLink" style="float:left"> 
    <img src="images/myLinkIcon.png" style="position:absolute" /> 
    <span style="position:absolute;left:50px">Click here</span> 
</div> 

<script> 
    // jQuery 
    $(function() { 
     $("#myLink").click(function() { 
      console.log("clicked on myLink"); 
     }); 
    }); 
</script> 

El div puede flotar o posicionarse completamente. Los elementos secundarios deben estar absolutamente posicionados, de lo contrario, el div adquiere un ancho.

Answer 2

Estos trabajos tratan usando jQuery

$(id|classname|document).live('click',function(){ 
    //write code that needs to executed in this area 
}); 

He utilizado este en mi proyecto. Funciona bien para ocultar el tono de gris, evitar el uso de función en línea en las páginas html ... usando jQuery esta función sólo funciona cuando se asigna contenido interno a ella .. por ejemplo

<div id="d1"><div id="d2"></div></div> 

que pueda esto para div interior como esto

$('#d2").live('click',function(){changecolor();changebackground();}); 

disfrutar de codificación ........ jQuery

Answer 3

Añadir una etiqueta meta en la que la cabeza de la sección que ofrece el archivo html.

<meta name="msapplication-tap-highlight" content="no" /> 

Debería funcionar.

Answer 4

La solución es hacer 2 DIV. La div principal no tiene ancho/alto y este DIV es un evento de disparo y DIV en su interior tiene tamaño.

He hecho con mis amigos un ejemplo de trabajo dentro del proyecto de phonegap. Enlace de verificación: https://github.com/sellupp/cordova-for-windows-phone-7-antidepressant Usted está buscando: 1. área gris en el grifo

También estamos frente a un problema con el tiempo de respuesta baja. Compruébelo;)