Javascript 带有角度js的Jquery滑块工作不正常

我正在为我的网站添加一个分区滑块。我在css和jquery的帮助下制作了分割滑块。 下面是包含angular js指令的html代码。将从后端发送的分区数

<div id="my-slick-holder">   
         <div class="thumbnailArrows"><img src="http://kimjoyfox.com/blog/wp-content/uploads/leftA.jpg" id="Tleft"/></div>
       <div id="myslick">

         <div id="divHolder" >
              <div class="block1" data-ng-repeat="a in test " ng-click="myData.doClick(a, $event)">
            <div class="img-holder" style=" background-image:url('img/battery.png') ;background-repeat:no-repeat; background-size:contain;background-position:center; height:70px;margin-top: 20px;"></div> 
            <div class="feature-name" ng-model="selectedItem">{{a.Feature}}</div>
          </div>
        </div>

        </div>
        <div class="thumbnailArrows"><img src="http://kimjoyfox.com/blog/wp-content/uploads/rightA.jpg" id="Tright" /></div>
</div>

{{a.Feature}}

下面是jquery代码，它使这个划分滑块滑动

<script type="text/javascript-lazy">
$(document).ready(function() {
//Hovering Over Thumbnail Navigation
$('.thumbnailArrows').hover(function() {
    var whiches = $(this).children('img').attr('id');
    if (whiches == 'Tleft') {
        movingThumbs1(3000, '+');
    }
    else {
        movingThumbs1(3000, '-');
    }
}, function() {
    $('#divHolder').stop();
});


//Function for Thumbnails Moving
function movingThumbs1(speed, direction) {
    var currentLeft = $('#divHolder').position().left;
    //figure out how far to go left - only for right arrow
    var moving = $('#divHolder').width() - (Math.abs($('#divHolder').position().left) + $('#myslick').width());
    if (currentLeft == 0 && direction == '+') {
        //do nothing
    } else if (Math.abs($('#divHolder').position().left) + $('#myslick').width() >= $('#divHolder').width() && direction == '-') {
        //do nothing
    } else if (direction == '+' && currentLeft != 0) {
        $('#divHolder').animate({
            left: 0,
        }, speed);
    } else {

        $('#divHolder').animate({
            left: '+='+direction + moving,
        }, speed);
    }
}
});

$（文档）.ready（函数（）{
//悬停在缩略图导航上
$（'.thumbnailArrows'）.hover（函数（）{
var whiches=$（this.children（'img'）.attr（'id'）；
如果（whiches=='Tleft'）{
移动HUMBS1（3000，“+”）；
}
否则{
移动HUMBS1（3000，“-”）；
}
}，函数（）{
$（'#divHolder'）.stop（）；
});
//缩略图移动功能
功能移动缓冲器1（速度、方向）{
var currentLeft=$（'#divHolder'）.position（）.left；
//计算向左走多远-仅适用于右箭头
var moving=$（'#divHolder'）.width（）-（Math.abs（$（'#divHolder'）.position（）.left）+$（'#myslick'）.width（））；
如果（currentLeft==0&&direction=='+'）{
//无所事事
}else if（Math.abs（$（'#divHolder'）.position（）.left）+$（'#myslick'）.width（）>=$（'#divHolder'）.width（）&&direction='-'））{
//无所事事
}如果（方向=='+'&¤tLeft！=0），则为else{
$（'#divHolder'）。设置动画({
左:0,，
}，速度）；
}否则{
$（'#divHolder'）。设置动画({
左：'+='+方向+移动，
}，速度）；
}
}
});

---

当右箭头悬停在分割上时，滑块向右移动。但在到达终点后，它又一次滑开，带来了图片中的空白区域。但在到达结束函数后，不应再次调用向右移动的函数。但这种情况确实发生了。如果我不使用angular js指令，所有代码都可以正常工作。

我建议使用jQuery UI来创建滑块，这会让您更轻松

下面是滑块的代码：

$(<NAME>).slider({
    orientation: <"horizontal" or "vertical",
    range: <"min" or "max">,
    min: <min value>,
    max: <max value>,
    value: <default value>,
    step: <step value>,
    animate: <true or false>,
    slide: function (event, ui) {
        //what to do when sliding
    }
});

$（）。滑块({
方向：可能是这可能是一个问题：

<script type="text/javascript-lazy">



应该是：

<script type="text/javascript">



因为jQuery是
type=“text/javascript”
你能删除angular并进行测试吗？我看不出你在哪里使用angular这只是当我从partial加载javascript时的问题。当我使用angular Js动态生成幻灯片数量时，幻灯片会加载所有幻灯片，但在最后一张幻灯片之后，它会继续向左移动并显示空白。