Windows Phone 7 Browser - выключите серое затенение при нажатии ссылок

В Windows Phone 7 Browser, когда пользователь нажимает ссылку, он затеняется серым прямоугольником в течение примерно 0,5 секунд. Однако это нормально, если у вас динамическое поведение на странице, например, нажатие ссылки обновляет DOM, так что ссылка больше не видна, непрозрачный серый прямоугольник задерживается на экране после того, как сама ссылка ушла.

Это выглядит довольно ужасно!

Кто-нибудь знает, как отключить этот эффект?

Ответ 1

Добавить метатег в вашем разделе заголовка в html файле.

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

Он должен работать.

Ответ 2

Кажется, что работает следующее решение (по крайней мере, на эмуляторе). Для серого затенения требуются размеры элемента с щелчком. Если элемент имеет нулевую ширину, тогда нет затенения, а нажатие дочерних элементов по-прежнему вызывает обработчик элемента.

<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 получает ширину.

Ответ 3

Это работает с использованием jquery

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

Я использовал это в своем проекте. Он отлично работает, чтобы скрыть серый оттенок, избегая использования встроенной функции в html-страницах... с помощью jquery эта функция работает только тогда, когда ей присваивается внутренний контент.. например

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

вы можете это сделать для внутреннего div, как это

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

нравится кодирование........ jquery

Ответ 4

Решение состоит в том, чтобы сделать 2 DIV. Главный div не имеет ширины/высоты, и это DIV - это событие стрельбы, а размер DIV внутри имеет размер.

Я сделал с моим друзьям рабочий пример в проекте phonegap. Проверить ссылку: https://github.com/sellupp/cordova-for-windows-phone-7-antidepressant Вы ищете: 1. серая область при нажатии

Мы также справляемся с проблемой с низким временем ответственности. Проверьте это;)