Несколько обратных вызовов при использовании Quicksand

Question

Я использую Quicksand для сортировки страницы портфолио и вам нужно удалить левое дополнение каждого третьего элемента, используя nth-child, и мне нужно добавить эффект мыши и мыши. Это то, что я в настоящее время:

$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"); 
     }); 
    }); 
}); 

Но что происходит, маржа не удаляется до тех пор, пока происходит Mouseover/выход событие. Как я могу улучшить код?

Answer 1

Поскольку вы не размещать 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); 
    }); 
});