jquery - Applying isotope js affects the css of the div -


after applying isotope js div section, library applied elements inside div , works. however, previous div animation worked isn't working expected more.

here fiddle worked before applying isotope js: url:https://jsfiddle.net/eugensunic/ttf1wkcn/2/

and here fiddle when isotope get's applied , elements overwritten hidden css:

url https://jsfiddle.net/eugensunic/so1axnup/10/

here code i'm using (same both fiddles):

$(this).animate({                                     position: "relative",         left: "200px",         top: "200px",         zindex: "55"      }, 1200, function () {         $(this).animate({                                             position: "relative",             left: "0px",             top: "0px",             zindex: "55"         });     }); 

i know can hard code previous animation (fiddle num.1) there more easier way solve , why elements deteriorate isotope applied?

there 2 things disturbing fiddle:

  1. the isotope.js loaded via http instead of https. due effect not working. try doing same https , animation start working.
  2. after animation, setting elements left:0; top:0; position: absolute;z-index:55px. due this, divs stacking on each other. try forcing relative position using position:relative !important keep them side side. suggest keep x * y coordinates of div clicked , pass them arguments code.

i have updated fiddle it. jsfiddle


Comments

Popular posts from this blog

yii2 - Yii 2 Running a Cron in the basic template -

asp.net - 'System.Web.HttpContext' does not contain a definition for 'GetOwinContext' Mystery -

mercurial graft feature, can it copy? -