Jquery Masonary и фильтрация предметов не работают вместе - PullRequest
1 голос
/ 04 сентября 2011

Я использую небольшой JS-фильтр для сортировки изображений в соответствии с их классами. Он отлично работает в изоляции. Как только я добавлю масонский плагин к изображениям. Перестает работать.

HTML ............................................. ............................

неупорядоченный список: ul.list, содержащий миниатюры разных размеров.

Javascipt

Сценарий фильтра:

$(document).ready(function(){$("ul#filter a").click(function(){$(this).css("outline","none");$("ul#filter .current").removeClass("current");$(this).parent().addClass("current");var a=$(this).text().toLowerCase().replace(" ","-");if(a=="all"){$("ul.list li.hidden").fadeIn("slow").removeClass("hidden")}else{$("ul.list li").each(function(){if(!$(this).hasClass(a)){$(this).fadeOut("normal").addClass("hidden")}else{$(this).fadeIn("slow").removeClass("hidden")}})}return false})})

Masonary:

$(function(){ $('ul.list').masonry();});

Я хочу, чтобы элементы отфильтровывались, а затем переставлялись с помощью масонства.

Пожалуйста, помогите мне найти решение.

Заранее спасибо.

JSNovice

1 Ответ

0 голосов
/ 09 сентября 2011

попробуйте поместить ваш скрипт фильтра внутри

$ (документ) .ready ()

{

// ваш скрипт фильтра

}

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...