Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/79.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery css";。精选;在angular.js中,ng repeat无法正常工作_Jquery_Css_Angularjs - Fatal编程技术网

Jquery css";。精选;在angular.js中,ng repeat无法正常工作

Jquery css";。精选;在angular.js中,ng repeat无法正常工作,jquery,css,angularjs,Jquery,Css,Angularjs,我有简单的单选按钮。我有一个.selected类,如果您选择其中一个,它会将“+10”、“0”和“X”标签变成红色。这项工作: 但是,如果上述所有内容都驻留在angular.js-表中,则这不起作用 我假设jQuery$(this).addClass不能正常工作,我需要其他东西。。。有什么想法吗?不知道为什么你的点击不起作用,但我找到了一个解决办法: 如果在主函数下面使用以下jQuery,它应该可以工作: $(document).ready(function() { $('#site

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

但是,如果上述所有内容都驻留在angular.js-表中,则这不起作用


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

不知道为什么你的点击不起作用,但我找到了一个解决办法:

如果在主函数下面使用以下jQuery,它应该可以工作:

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

另一个不依赖jQuery的选项

(养成在AngularJs中使用jQuery的习惯,如果使用不当,可能会导致痛苦)

简单的css怎么样:

input[type="radio"]:checked+label{ background-color: red; } 
如果选中收音机,则下一个标签将标记为红色背景


(顺便说一句,为什么要使用Angular 0.10.5?

因为表是动态呈现的,jQuery代码将“太快”运行(当表还没有呈现时),并且您尝试附加事件处理程序(和添加类)的元素在DOM中还不存在。解决这个问题的最好方法不是使用jQuery,而是类似的。是的,但是在jQuery中,它是一个很好的单行程序!Angular可能意味着ng click=something()然后…更多code@graph很明显,但一定有很好的理由,为什么你要用角形,对吗?建议的代码适用于这个特定的示例,但是当你的Angular应用程序变得更加复杂时,它将再次停止工作。当然可以。我只是把它扔到外面去引诱一个“好吧,这里是纯angular.js中等效的一行程序”。在本页底部有一个很好的示例,但是正在清理所有的兄弟姐妹()。。。meh@graph好吧,你不会发现我使用角度0.10.5;)无论如何,玩得开心!我是老派。等等,我不是。我使用其他人现有的JSFIDLE来重现我的问题的最小版本。我喜欢您的解决方案,但因为在每一行(动态生成的)中都有一个单选按钮元素,所以我想我需要一个在单击时所处行的引用。