Windows Phone 7浏览器 – 单击链接时closures灰色阴影

在Windows Phone 7浏览器中,当用户点击一个链接时,它用一个灰色的矩形大约0.5秒。 但是,如果你有dynamic的页面行为,例如,点击一个链接来更新DOM以便链接不再可见,那么在链接本身消失之后,不透明的灰色矩形会在屏幕上徘徊。

这看起来很可怕!

有谁知道如何禁用这个效果?

在你的html文件头部添加一个元标记。

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

它应该工作。

下面的解决scheme似乎工作(至less在模拟器上)。 灰色阴影需要点击元素的尺寸。 如果元素的宽度为零,则不存在着色,而单击子元素仍会触发该元素的点击处理程序。

 <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> 

div可以浮动或绝对定位。 子元素必须被绝对定位,否则div获得一个宽度。

这工作尝试使用jQuery

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

我在我的项目中使用了这个。 它可以很好地隐藏灰色的阴影,避免在html页面中使用内联函数…使用jquery这个function只有当内部内容分配给它..例如

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

你可以这样的内部div这样的

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

享受编码…….. jquery

解决办法是制作2个DIV。 主分区没有宽度/高度,这个DIV是射击事件,DIV里面有大小。

我已经与我的朋友在phonegap项目中的工作示例。 检查链接: https : //github.com/sellupp/cordova-for-windows-phone-7-antidepressant您正在寻找:1.灰色区域上的水龙头

我们也在处理低响应时间的问题。 一探究竟 ;)