Jquery Isotope shifting a tags?
-
21-12-2019 - |
Question
I am using Isotope with filters with the following elements as my .items
.
<div class="item filtername>
<a class="fancybox" href="#fancybox">
<div class="projimage">
<h2>TITLE</h2>
<img class="lazy" src="image.jpg" />
</div><!--PROJIMAGE-->
</a>
</div>
Isotope works, but the weird thing is that a
tags seem to move on every other .item
.
Some end up with the </a>
in a different position then above, eg:
<div class="item filtername>
<a class="fancybox" href="#fancybox">
<div class="projimage">
<h2>TITLE</h2>
</a><!---WTF???--->
<img class="lazy" src="image.jpg" />
</div><!--PROJIMAGE-->
</div>
I am using Lazy Load and Fancy Box in conjunction with this but I cannot figure out why this is occurring.
Would anyone know why this could be occurring?
The page is here: http://www.pixelframe.com.au/test-page.html if anyone wants to take a look.
Solution
Found it was my CMS (ModX Revo). For some reason it freaks if you put an a tag within an a tag.
Licensed under: CC-BY-SA with attribution
Not affiliated with StackOverflow