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固有のコーディングに関する私の知識は非常に限られています.

明確にするために-私は3つのdiv、A、B、およびCを持っています-ユーザーにdiv Aに触れてもらいたいと思います。これにより、3つの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 に答える