Почему Windows Phone (7 или 8) позволяет щелкать щели?

Question

При наличии двух элементов html, расположенных друг над другом, а элемент позади содержит якорный тег, IE на WP7 и 8 «кликает» по верхнему элементу и нажимает на якорь.

Настольные браузеры, включая IE и другие мобильные устройства, такие как браузер Android и Mobile Safari, не имеют такого поведения.

HTML

<div class="back"> 
    <a href="mypage.html">Min sida</a><br /> 
    <a href="mypage.html">Min sida</a><br /> 
    <a href="mypage.html">Min sida</a><br /> 
    <a href="mypage.html">Min sida</a><br /> 
    <a href="mypage.html">Min sida</a><br /> 
</div> 
<div class="front"> 
</div> 

CSS

.back 
    { 
     position: absolute; 
     top:0; 
     left: 0; 
     bottom: 0; 
     right: 0; 
     z-index: 1; 
    } 

    .front{ 
     position: absolute; 
     top:0; 
     left: 0; 
     bottom: 0; 
     right: 0; 
     z-index: 2; 
     background-color: rgba(255, 0, 0, 0.5); 
    } 

Следующая jsfiddle дисплеях проблема: http://jsfiddle.net/BSunW/6/

Является ли это ожидаемое поведение? Есть ли способ изменить это поведение?

Answer 1

У меня была такая же проблема при настройке флажков Foundation 4. То, что я сделал это я поймала все щелчки для элемента ниже списка (это был .footer-уль дел), как это:

wp8fix: function() { 
     $('.dropdown').click(function(){ 
      $('.foooter-ul').bind('click',function(e){ 
       e.stopPropagation(); 
       return false; 
      }); 
     }); 
} 

вы должны помнить, чтобы отвязать это после того, как вам не нужно его больше

$ ('. Foooter-ul'). Unbind ('click');

Answer 2

$('.element_on_the_overlay').click(function(e){ 
       $('.overlay').preventDefault(); 
      }); 

$('.overlay').click(function (event) { 
       event.preventDefault(); 
       event.stopPropagation(); 
      }); 

Привет, Я нашел это решение. Надеюсь, вам понравится. : D

Answer 3

Единственное, что работал для меня в WP8 была такова:

$("input").prop("disabled", true); 
$("option").prop("disabled", true); 
$("div").prop("disabled", true);