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:
- the isotope.js loaded via http instead of https. due effect not working. try doing same https , animation start working.
- after animation, setting elements
left:0; top:0; position: absolute;z-index:55px
. due this, divs stacking on each other. try forcing relative position usingposition: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
Post a Comment