В дополнение к Isotope с комбинированными фильтрами, я хочу иметь возможность использовать некоторые ссылки для добавления элементов перед Изотоп. При первом щелчке я хочу, чтобы элемент был добавлен в начале, а при втором щелчке ссылки я хочу, чтобы добавленный элемент был удален. Я прошел полпути, вызвав переключатель jQuery, но при третьем щелчке, который должен вернуть добавленный элемент, ничего не вызывается. Я думаю, проблема в том, как я назвал свою переменную (mission_item). Но я пробовал несколько вариантов, безрезультатно. Код, который я использую:
var $mission_item = $('<div class="item mission">Mission</div>');
$('#mission a').toggle(function() {
$container
.prepend($mission_item).isotope( 'reloadItems' ).isotope({ sortBy: 'original-order'});
}, function(){
$container
.isotope('remove',$mission_item);
});
Вы также можете увидеть его в действии на моем js_fiddle (http://jsfiddle.net/jessica_b/7uGDX/). Еще одна вещь, которую я пытаюсь выяснить, - это как заставить эти добавленные элементы обходить фильтры. Я полагаю, что мог бы добавить каждый параметр фильтра в класс элемента, и таким образом он всегда будет отображаться, но я работаю в Wordpress, и фильтры динамически генерируются категориями сообщений. Кажется, должно быть более элегантное решение, но я не знаю, с чего начать. Я прошу прощения за то, что я немного новичок в jQuery! и спасибо заранее!
