Question

我目前正在组建一个网站项目，要求我在不同的z-index上有各种div - 当用户点击特定div时，这些z-index会发生变化。

我通过简单的jQuery很好地使用桌面，例如：

<script>
jQuery(function(){
  jQuery("#Div-A").click(function(){
     jQuery('#Div-A').fadeOut('slow');
     jQuery('#Div-B, #Div-C').css('z-index', 9);
  });
});

jQuery(function(){
  jQuery("#Div-D").click(function(){
     jQuery('#Div-A').fadeIn('slow');
     jQuery('#Div-B, #Div-C').css('z-index', 999999);
  });
});
</script>

我需要将此功能转换为移动设备的触控功能，但我正在努力奋斗。如果这是一个基本或无知的问题，我真的很抱歉，但我对移动/触摸IOS特定编码的了解非常有限。

要清楚 - 我有三个div，A，B＆amp; C - 我希望用户触摸div A，它会降低所有三个div的z-index，然后在触摸端再次增加它们。

如果有人可以就此提出建议，我们将非常感激！

Answer 1

好吧，我会回答我自己的问题 - 我使用过这样的东西：

<script>
    $('#DIV-A').bind('touchstart', function(e){
        $('#DIV-B').css('z-index', 9);
        e.preventDefault();
    });
</script>

<script>
    $('#DIV-A').bind('touchend', function(e){
        $('#DIV-B').css('z-index', 9999);
        e.preventDefault();
    });
</script>

希望能帮助别人！

如何根据手机触摸调整div的z-index？

1 个答案: