jQuery的addclass不Twitter的引导传送带工作当中使用NG-重复(jQuery ad

2019-10-18 04:53发布

我现在面临的问题是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">&lsaquo;</a>
    <a class="right carousel-control" data-target="#myCarousel" data-slide="next">&rsaquo;</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代码,从图像的第二选择以后工作正常。 但未能在第一次点击的工作。 我不能肯定究竟是什么阻止它! 我非常感谢大家的贡献。 只要保持我的希望和火去来回在我的学习之旅。

再次感谢提前。

文章来源: jQuery addclass doesn't work in twitter bootstrap carousel which using ng-repeat