Quicksand, внезапная замена в конце анимации

Question

Я купил шаблон html, и у меня возникла проблема с реализованным плагином quicksand.

Дело в том, что, как только я изменяю содержимое с помощью зыбучего песка, у него есть проблема в конце. Изображения плавают в других местах, но в конце они меняются на правильные выходные фотографии очень резким и неожиданным образом.

Я только изменил html-код, поэтому ничего в файле .js. Здесь вы можете увидеть сообщение: http://marcknoll.com/work.html Нажмите на фильтры, и вы поймете, что я имею в виду.

Кто-нибудь знает, что может вызвать эту проблему? Заранее спасибо!

Cheers, Marc

Answer 1

Пожалуйста, обратите внимание. В элементе списка идентификатор данных элементов li повторяется после 14-го ли. снова начинается с id-1.

<li data-id="id-1" class="photo"> 
    <a href="http://marcknoll.com/images/preview/canals.jpg" rel="image_group"> 
     <img src="work_files/work_1.jpg" alt="Work Image"> 
    </a> 
</li> 
<li data-id="id-2" class="photo"> 
    <a href="http://marcknoll.com/images/preview/bikes.jpg" rel="image_group"> 
     <img src="work_files/work_2.jpg" alt="Work Image"> 
    </a> 
</li> 
<li data-id="id-3" class="photo"> 
    <a href="http://marcknoll.com/images/preview/fountain.jpg" rel="image_group"> 
     <img src="work_files/work_3.jpg" alt="Work Image"> 
    </a> 
</li> 
.......... 
.......... 
.......... 
.......... 
.......... 
<li data-id="id-14" class="photo"> 
    <a href="http://marcknoll.com/images/preview/water1.jpg" rel="image_group"> 
    <img src="work_files/work_12.jpg" alt="Work Image"> 
    </a> 
</li> 
<li data-id="id-1" class="photo"> // data-id repeating 
    <a href="http://marcknoll.com/images/preview/sony.jpg" rel="image_group"> 
    <img src="work_files/work_13.jpg" alt="Work Image"> 
    </a> 
</li> 

Для рабочего стола плагинов для работы идентификатор данных должен быть уникальным для каждого li. Это первый вопрос, который я заметил.

EDIT:

Подтверждено. Это проблема. Я дал данные идентификаторы ID-1, ID-2, ID-3, ID-4, ID-5 .. ID-47, ID-48 и теперь его работающ отлично.