我现在面临的问题是jQuery的addClass不NG下重复工作。
下面的代码是从我的部分页面。 我想强调的图像,当用户选择它,可惜的是它,因为我划归NG-重复DIV(第一span3格)没有得到选择。 在另一方面,我可以选择与第二span3 DIV图像 - 动态无NG-重复(只加载只有一个图像)。 这两个使用相同的jQuery脚本(下面贴为好)。
在那里执行任务的任何替代方法
任何援助将不胜感激:)非常感谢
部分页面代码:
<div class="item active">
<!-- Three columns of text below the carousel -->
<div class="container">
<div class="row" >
<div class="span12">
<div class="span3" ng-repeat="path in paths.paths | limitTo:3">
<div>
<label >
<input type="radio" ng-click="update_path_progress(path.id)" name="optionsRadios" ng-model="$parent.pathid" id="{{path.id}}" value="{{path.id}}" >
<input class="well"type="image" ng-src="img/language/{{path.description.split(' ').join('_')}}.png" alt="" id="pathImg"/>
<h6>{{path.name}}</h6>
</label>
</div>
</div>
<div class="span3">
<label >
<input type="radio" ng-click="update_path_progress(path.id)" name="optionsRadios" ng-model="$parent.pathid" id="{{path.id}}" value="{{path.id}}" >
<input class="well"type="image" ng-src="img/language/{{path.description.split(' ').join('_')}}.png" alt="" id="pathImg"/>
<h6>{{path.name}}</h6>
</label>
</div>
</div>
</div>
</div>
</div>
</div>
<a class="left carousel-control" data-target="#myCarousel" data-slide="prev">‹</a>
<a class="right carousel-control" data-target="#myCarousel" data-slide="next">›</a>
</div>
index.html的(jQuery脚本)
<script type='text/javascript'>
$(window).load(function(){
$('#myCarousel input:radio').addClass('input_hidden');
$('#myCarousel input:image').click(function() {
$('#myCarousel input:image').removeClass('selected');
$(this).addClass('selected');
});
});
大家好,
我把@rGil意见和进行了修订,我的上述错误。 不过我现在面临的一个小错误。 我下面张贴我的代码。
$scope.addColor=function(){
$('#myCarousel input:radio').addClass('input_hidden');
$('#myCarousel input:image').click(function() {
$('#myCarousel input:image').removeClass('selected');
$(this).addClass('selected');
});
}
上面的JS代码,从图像的第二选择以后工作正常。 但未能在第一次点击的工作。 我不能肯定究竟是什么阻止它! 我非常感谢大家的贡献。 只要保持我的希望和火去来回在我的学习之旅。
再次感谢提前。