jQuery addclass removeclass onclick在表單標簽上

Question

我有一個非常簡單的addclass，removeclass函數，我想執行onclick，如下所示：

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

大衛·托馬斯（David Thomas）為此提供了一個不錯的jsfiddle： http : //jsfiddle.net/davidThomas/eMx7X/

我有一個ID為“過濾器”的表單，其中包含可單擊的（隱藏）單選按鈕和（可見）標簽。 活動類將應用於在頁面加載時檢查的標簽，並且在單擊時應更改為另一個標簽。

但是，jQuery函數在以下頁面上不起作用： http : //www.alexbrunner.com/travels/ 。 不僅addclass，removeclass不起作用，而且quicksand插件 （可以在沒有短的.click函數的情況下對后續列表中的項目進行過濾和排序）也停止工作。

問題發生的地方我很失落。 我將非常感謝任何幫助！ 這些文件位於：

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

http://www.alexbrunner.com/style.css （“快速混洗”部分中的相關行）

Answer 1

檢查Firebug中的頁面-您遇到了JavaScript錯誤：

非法字符
}）;
---- ^
/ travels /（第279行，第3行）

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

您可以在click()方法的末尾看到該字符。

Answer 2

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