0


0

マウスオーバーポップアップがいつか問題を引き起こす
.user-bg {
background:-moz-linear-gradient(center bottom , #0E0E0E 70%, #9B9B9B 100%) repeat scroll 0 0 transparent !important;
}
.user {
    display:block;
    padding:5px;
    position:absolute;
    width:auto;
    z-index:5;
}
.user-avatar {
background-color:#FFFFFF;
cursor:pointer;
height:54px;
padding:1px;
text-align:center;
width:54px;
z-index:100;
}
.user-avatar-text {
float:right;
margin:0 auto auto 58px;
padding:2px;
}
.ui-widget {
font-family:MyriadPro,Helvetica,Arial,sans-serif !important;
font-size:12px !important;
}
.user-active {
background:-moz-linear-gradient(right bottom , #2A1117 0%, #B51F77 57%, #E9204F 100%) repeat scroll 0 0 transparent !important;
}
.ui-corner-all {
-moz-border-radius:4px 4px 4px 4px !important;
}
.ui-corner-all {
    -moz-border-radius:4px 4px 4px 4px !important;
}
.ui-corner-all {
    -moz-border-radius:6px 6px 6px 6px;
}
.user-avatar-image {
background:url("images/avatars/default.png") no-repeat scroll center center #000000;
height:46px;
margin:1px;
padding:1px;
width:46px;
}





        Rahul

        Details














$(document).ready(function(){
    var popup_pos=$('#card-208').offset();
    var timer;
    $("#user-avatar-1").bind('mouseover',{},function() {

         timer=setTimeout(function() {
            $('#user-1').addClass('user-bg');
            $('#user-avatar-text-1').css('visibility','visible');
            $('#user-1').hover(
                function() {
                    $('#user-1').addClass('user-bg');
                    $('#user-avatar-text-1').css('visibility','visible');
                },
                function() {
                    if(timer) {
                        clearTimeout(timer);
                        timer = null
                       }
                    //~ App.currentMode = null;
                    $(this).removeClass('user-bg');
                    $('#user-avatar-text-1').css('visibility','hidden');
                }
            );

        }, 1000);
     });

});

私がavtarにマウスオーバーすると、テキストdivが表示され、ユーザー1のdivをマウスアウトすると、ポップアップはavtarのみを削除します。 これは完璧なはずですが、テキストdivが非表示にならないままマウスアウトするような問題が発生しています。

問題を提案してください。

よろしく

ラウル

1 Answer


1


ホバーイベントにアイテムを移動してみてください。 http://jsfiddle.net/8Mqk7/5/のようなもの

$(document).ready(function() {
    var timer;
    $("#user-1").hover(function(e) {
        $("#user-avatar-image-1").mouseover(function(e) {
            timer = setTimeout(function() {
                $('#user-1').addClass('user-bg');
                $('#user-avatar-text-1').css('visibility', 'visible');
            }, 1000);
        });
    }, function() {
        $("#user-avatar-image-1").unbind('mouseover');
        clearTimeout(timer);
        timer = null;
        $(this).removeClass('user-bg');
        $('#user-avatar-text-1').css('visibility', 'hidden');
    });
});

私はあなたがそれがどのように見えるようにしたいのか正確にはわかりません。

*編集:*画像が表示されるブラックボックスにカーソルを合わせた場合にのみテキストが表示されるようになりました。