0

jquery .hide を使用して、親 div 内の「余分な詳細」div を非表示にします。ユーザーが親にカーソルを合わせると、.show/.toggle (jquery-ui スライド) を使用して表示されます。

私が抱えている問題は、{position:absolute; bottom:0px;} (および .hide を使用して非表示にします) chrome と safari (両方の osx) でホバーするとスライドしますが、完全に表示されると上から下にジャンプします。

firefox osx では正常に動作します。

私が抱えているもう1つの問題は、マウスをその上で約5秒間前後に動かすと、ホバーされていなくても表示された位置に留まるまで本当に混乱しているように見えることです.

私はjsfiddle http://jsfiddle.net/pWaMx/を作りました

これらの問題を引き起こしている可能性のあるアイデアはありますか?

4

2 に答える 2

1

変化する

$('.box').toggle("slide", {
    direction: "down"
}, 350);

に

$('.box').stop(true, true).toggle("slide", {
    direction: "down"
}, 350);

.boxまた、CSS で非表示にすることをお勧めします。

更新された jsFiddle: http://jsfiddle.net/pWaMx/3/

于 2012-05-02T21:27:02.623 に答える
1

私はこれを使用します

http://jsfiddle.net/pabo/pWaMx/13/

$(document).ready(function() {
    $('.tile').hover(function() {
        $('.box').stop().slideToggle("350");
    });
});

シンプルで、バウンスしたりスパズアウトしたりせず、osx firefox と osx safari で動作します。

于 2012-05-03T03:06:05.430 に答える