0

なぜこれがうまくいかないのですか？説明: コンテナー (.hover を含む div) があります。ホバーすると、.thumbtxt2 が左からスライドインするはずですが、それは最初の時だけです。その後、右から滑り込みます。

var $j = jQuery.noConflict();

$j(document).ready(function () {
    $j(".hover").hover(function () {
        $j(this).find('.thumbtxt2').css("left", "-220");
        if ($j(window).width() > 1050) {
            $j(this).find('.thumbimg').stop().animate({
                opacity: .0
            }, 200);

            $j(this).find('.thumbtxt2').stop().animate({
                left: 0
            }, 200);
        } else {
            $j(this).find('.thumbimg').stop().animate({
                opacity: .5
            }, 200);
        };
    },
    function () {
        if ($j(window).width() > 1050) {
            $j(this).find('.thumbimg').stop().animate({
                opacity: 1
            }, 200);
            $j(this).find('.thumbtxt2').stop().animate({
                left: 220
            }, 200, function () {
                $j(this).find('.thumbtxt2').css("left", "-220");
            });
        } else {
            $j(this).find('.thumbimg').stop().animate({
                opacity: 1
            }, 200);
        };
    });
});

ありがとう！

4

2 に答える 2

0

何らかの理由で、 動作しt2 = $(this).find('.thumbtxt2').css("left", "-220");ません。.animate() を使用するとt2 = $(this).find('.thumbtxt2').animate({ left: -220 },0);機能します。その場合、マウスアウトの完全な機能は必要ありません。

これがフィドルです： http://jsfiddle.net/u7EaQ/2/

于 2013-07-09T07:26:24.423 に答える