jcery addclass removeclass onclick на ярлыках формы

Question

У меня довольно простая функция addclass, removeclass, которую я хочу выполнить onclick, вот так:

$('#filter').click(function() {
$(this).closest('fieldset').find('.selectedfilter').removeClass('selectedfilter');
$(this).parent().addClass('selectedfilter');
});​

Дэвид Томас предоставил хороший jsfiddle именно для этого: http://jsfiddle.net/davidThomas/eMx7X/

У меня есть форма с идентификатором «фильтр», которая содержит (скрытые) переключатели и (видимые) метки, которые можно нажимать. активный класс применяется к метке, которая проверяется при загрузке страницы и должна быть заменена на другую метку при нажатии.

однако функция jquery не работает на этой странице: http://www.alexbrunner.com/travels/. не только addclass, removeclass не работает, но также и плагин quicksand (который фильтрует и сортирует элементы в следующий список просто без короткой .click-функции) также перестает работать.

Я совершенно заблудился там, где возникает проблема. Я был бы очень признателен за любую помощь в этом! файлы живут по адресу:

http://www.alexbrunner.com/travels/

http://www.alexbrunner.com/style.css (соответствующие строки в разделе «Зыбучие пески»)

Answer 1

Try this
   $("#filter").live("click", function () {
  $(this).closest('fieldset').find('.selectedfilter').removeClass('selectedfilter');
  $(this).parent().addClass('selectedfilter');
   });​

Answer 2

Проверьте страницу в Firebug - у вас есть ошибка JavaScript:

недопустимый символ
});
---- ^
/ путешествия / (строка 279, столб 3)

$('#filter').click(function() {
    $(this).closest('fieldset').find('.selectedfilter').removeClass('selectedfilter');
    $(this).parent().addClass('selectedfilter');
});​ 

Символ можно увидеть в конце метода click().