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 plugin（在没有短.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');
   });

jquery addclass removeclass onclick on form labels

2 个答案: