0

2 つの要素間の z-index に問題があります。青いボックスが展開されると、オレンジの上に、オレンジの上に青の上に移動するはずです。ボックスの展開時にクラスを追加することにしました...
http://jsfiddle.net/RRMLU/2/

function blue() {
if ($("#blue").width() > 350) {
    $(this).addClass('test')

}
else {
    $(this).removeClass('test')
}
$("#blue").delay( 0 )
    .animate({"height": "+=15px", "width": "+=25px", },1000, 'swing');
$("#blue").delay( 500 )
    .css({"position":"absolute"})
    .animate({"height": "-=15px", "width": "-=25px"},1000, 'swing', blue)
$("#blue").delay( 1500 )

}

このコードで試してみましたが、うまくいきませんでした... :(

ありがとうございました！

4

2 に答える 2

0

z-indexこれを使用して、jQuery の要素の を設定できます$('#blue').zIndex(1);。ボックスがアニメーション化されている場合は、これを使用してみてください。

于 2013-11-12T14:46:09.680 に答える
0

あなたが何をしようとしているのかわからない、そしてあなたのコードは少し乱雑に見える...

クラス .test を z-index で追加します...

ホバリング時に blue() 関数も呼び出されます

http://jsfiddle.net/EXKP2/

$("#blue").hover(function(){
        $(this)
        .animate({"height": "280px", "width": "430px"},1000, 'swing', blue)
        .css({"box-shadow":"1px 3px 3px #333"});
        $(this).stop(true,false);
 },
    function() {
        $(this)
        .animate({"height": "218px", "width": "405px"},1000, 'swing', blue)
        .css({"box-shadow":"none"});
        $(this).clearQueue();
});
于 2013-11-12T14:46:14.630 に答える