如何根据移动触摸调整 div 的 z-index？答案

【问题标题】：How to adjust z-index of divs based on mobile touch?如何根据移动触摸调整 div 的 z-index？
【发布时间】：2013-06-20 18:24:38
【问题描述】：

我目前正在整理一个站点项目，该项目要求我在不同的 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 和 C - 我希望用户触摸 div A，这会降低所有三个 div 的 z-index，然后在触摸结束时再次增加它们。

如果有人能就此提出建议，将不胜感激！

【问题讨论】：

标签： javascript jquery mobile touch

【解决方案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>

希望对某人有所帮助！

【讨论】：