约.isotope（ '重新布局'）

Question

是这样的：

http://jsfiddle.net/nSZSg/

<div id="container" class="clickable clearfix"> 

<img class="element"onclick=" 
    if($(this).hasClass('da')) 
    {$(this).animate({'height':'63','width':'182'}).removeClass('da')} 
    else 
    {$(this).animate({'height':'126','width':'364'}).addClass('da')} 
    "style="width:182px;height:63px;" src="http://www.google.com/images/logos/ps_logo2.png"/> 

<img class="element"onclick=" 
if($(this).hasClass('da')) 
{$(this).css({'height':'53','width':'215'}).removeClass('da')} 
else 
{$(this).css({'height':'106','width':'430'}).addClass('da')} 
"style="width:215px;height:53px;" src="http://static.jquery.com/files/rocker/images/logo_jquery_215x53.gif"/> 

<img class="element"onclick=" 
if($(this).hasClass('da')) 
{$(this).animate({'height':'63','width':'182'}).removeClass('da')} 
else 
{$(this).animate({'height':'126','width':'364'}).addClass('da')} 
"style="width:182px;height:63px;" src="http://www.google.com/images/logos/ps_logo2.png"/> 

</div> 

---

$('.element').live('click', function(){ 
    $('#container').isotope('reLayout'); 
}); 

$('#container').isotope({ 
    itemSelector: '.element', 
    masonry: { columnWidth : 1 } 
}); 

我想用.isotope（ '重新布局'）使图像页面。 看GOOGLE标志使用“$（this）.animate”，而JQUERY标志使用“$（this）.css”。尝试点击它们。问题是，GOOGLE徽标the.animate无法正常工作，点击对面的GOOGLE，并且JQUERY thes.css正确，我该如何解决？

Answer 1

您遇到了我在Isotope - animating item sizes的问题