0

ポートフォリオ画像ギャラリーを作成しましたが、キャプションを正しく機能させることができません...使用しています：http ：//s3.amazonaws.com/buildinternet/live-tutorials/sliding-boxes/index.htm （I ' m 2番目のものを使用）

唯一の問題は、キャプションのサイズが異なるため、以下のコードを使用しようとしています。

$('.boxgrid.caption').hover(function () {
    var $height = $("#description-text", this).height();
    $(".cover", this).stop().animate({
        top: '375' - $height
    }, {
        queue: false,
        duration: 160
    });
}, function () {
    $(".cover", this).stop().animate({
        top: '365px'
    }, {
        queue: false,
        duration: 160
    });
});

しかし、何らかの理由で、の出力コード$heightは395ですが、150またはそれらの線に沿ったどこかにあるはずです...

助けてください...

ありがとうベン

4

4 に答える 4

0

$("#description-text", this)かなり奇妙です。

$("#description-text")コードにこのIDを持つ要素が1つしかない場合は、これで十分です。そうでなければ、まあ、それは問題になります。

于 2011-07-21T23:39:35.700 に答える
0

ボックス内にpadding＆borderが含まれているため、outerHeight（）を使用してみてください

于 2011-07-21T23:42:04.757 に答える
0

2 行目を変更する

var $height = $("#description-text").height();
于 2011-07-21T23:47:58.337 に答える
0

私は答えを解決しました（一種の）テキストボックスを横に変更しただけで、横からスライドさせます...

ありがとうベン

于 2011-07-23T05:10:31.080 に答える