0

並べ替え可能なポートフォリオページに流砂を使用しており、n番目の子を使用して3つおきの要素の左のパディングを削除する必要があります。また、マウスオーバーとマウスアウトの効果を追加する必要があります。これは私が現在持っているものです：

$holder.quicksand($filteredData, {
    duration: 200,
    easing: 'easeInOutQuad'
}, function () {
    $("#center_content .portfolio .tiles_holder .four img").mouseover(function () {
        $(this).fadeTo("fast", 0.3, function () {
            $('ul.tiles_holder li:nth-child(3n+1)').css("marginLeft", "0");
        });
    }).mouseout(function () {
        $(this).fadeTo("fast", 1, function () {
            $('ul.tiles_holder li:nth-child(3n+1)').css("marginLeft", "0");
        });
    });
});

しかし、何が起こるかというと、マウスオーバー/アウトイベントが発生するまでマージンは削除されません。どうすればコードを改善できますか？

4

1 に答える 1

0

HTMLを投稿しなかったため、正確に言うのは難しいですが、流砂のコールバックを次のように変更する必要があるようです。

$holder.quicksand($filteredData, {
    duration: 200,
    easing: 'easeInOutQuad'
}, function () {

   $('ul.tiles_holder li:nth-child(3n+1)').css("marginLeft", "0");

    $("#center_content .portfolio .tiles_holder .four img").mouseover(function () {
        $(this).fadeTo("fast", 0.3);
    }).mouseout(function () {
        $(this).fadeTo("fast", 1);
    });
});
于 2012-06-14T04:00:42.130 に答える