0

こんにちは、私は現在 Div でフェードイン/フェードアウト イメージを作成しており、この質問のフェードアウト/フェードイン イメージ オーバー要素について「TheHe」から大きな助けを得ましたが、複数のデバイスで動作するように構築しているため、動作するスクリプトのみが必要です。画面サイズが950px以上の場合。これは、iPad で水平から垂直に移動するときに最も顕著になるため、画面が変更されたときにスクリプトが自動的にリセットされるようにします。http://playing.everythingcreative.co.ukにアクセスすると、私が言いたいことを理解できます...ありがとう

if( $(window).width() > 950)
    {

        $(".Content_Frame_Container")
        .each(function(){
            $(this).find('.Content_Frame_Image');
        })
        .hover( 
            function(){
                $(this).find('.Content_Frame_Image').stop(false, true).fadeOut('slow');
            }, 
            function(){
                $(this).find('.Content_Frame_Image').stop(false, true).fadeIn('slow');
            }
        );

    }
4

2 に答える 2

1

あなたの完全な解決策は次のとおりです。

<script type="text/javascript">
"use strict";
$(document).ready(function() {
    var $containers = $(".Content_Frame_Container");
    $(window).resize(function(){
        if($(this).width() > 950)
                return;
        $containers.each(function(){
            $(this).trigger('mouseleave');
        });
    });

    $containers
     .hover(function(){
             console.log('fadeout');
             $(this).find('.Content_Frame_Image').stop(false, true).fadeOut('slow');
         }, 
         function(){
            if($(window).width() <= 950)
                return;
             console.log('fadeout');
             $(this).find('.Content_Frame_Image').stop(false, true).fadeIn('slow');
         });         
 });
</script>
于 2012-08-27T23:09:37.493 に答える
0

コードを次のようにカプセル化します。

$(window).resize(function(){
     // your code here
}).trigger('resize');
于 2012-08-27T21:17:02.660 に答える