о .isotope ('reLayout') - PullRequest
Новая
       1

о .isotope ('reLayout')

0 голосов
/ 06 мая 2011

как то так:

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 ('reLayout') для создания страницы с изображением. посмотрите, что логотип GOOGLE использует «$ (this) .animate», а логотип JQUERY - «$ (this) .css». попробуйте щелкнуть их. проблема в том, что логотип GOOGLE the.animate не работает, нажимая GOOGLE напротив него, а JQUERY thes.css исправляет, как мне это исправить?

1 Ответ

1 голос
/ 06 мая 2011

Вы столкнулись с проблемой, которую я рассмотрел в Изотоп - анимация размеров элементов

...