0

我目前正在整理一个站点项目，该项目要求我在不同的 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，然后在触摸结束时再次增加它们。

如果有人可以就此向我提出建议，将不胜感激！

4

1 回答 1

0

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

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

希望对某人有所帮助！

于 2013-06-24T11:37:27.693 回答