jquery - angular.js ng-repeat 中的 css ".selected"无法正常工作

Question

我有简单的单选按钮。我有一个 .selected 类，如果您选择其中一个标签，它会将“+10”、“0”和“X”标签变为红色。这有效:

http://jsfiddle.net/KRMRU/18/

但是，如果以上所有内容都位于 angular.js- 表中，则这不起作用

http://jsfiddle.net/KRMRU/17/

我假设 jQuery $(this).addClass 不能正常工作，我需要其他东西……有什么想法吗？

Answer 1

不确定为什么您的点击不起作用，但我找到了解决方法:

如果您在主函数下方使用以下 jQuery，它应该可以工作:

$(document).ready(function() {
    $('#sites input:radio').addClass('input_hidden');
    $(document).on('click', '#sites label', function() {
        $(this).addClass('selected').siblings().removeClass('selected');
    });
});

http://jsfiddle.net/peteng/KRMRU/25/