Javascript 引导传送带不适用于angular js
我的页面上有多个选项卡,在其中的选项卡中,我使用引导转盘显示图像滚动器。但如果我切换其他选项卡并返回此选项卡,则图像将停止滚动。有时它在第一次加载的页面上也不起作用,当我刷新页面时,它就起作用了。这个是随机的 下面是我的代码:Javascript 引导传送带不适用于angular js,javascript,jquery,angularjs,twitter-bootstrap,carousel,Javascript,Jquery,Angularjs,Twitter Bootstrap,Carousel,我的页面上有多个选项卡,在其中的选项卡中,我使用引导转盘显示图像滚动器。但如果我切换其他选项卡并返回此选项卡,则图像将停止滚动。有时它在第一次加载的页面上也不起作用,当我刷新页面时,它就起作用了。这个是随机的 下面是我的代码: <div style="height: 350px; width: 90%; margin: auto;"> <div class="carousel ng-isolate-scope" ng-mouseleave="play()"
<div style="height: 350px; width: 90%; margin: auto;">
<div class="carousel ng-isolate-scope" ng-mouseleave="play()"
ng-mouseenter="pause()" interval="5000">
<ol ng-show="slides().length > 1" class="carousel-indicators">
<!-- ngRepeat: slide in slides() -->
<li ng-click="select(slide)" ng-class="{active: isActive(slide)}"
ng-repeat="slide in slides()" class="ng-scope"></li>
<!-- end ngRepeat: slide in slides() -->
<li ng-click="select(slide)" ng-class="{active: isActive(slide)}"
ng-repeat="slide in slides()" class="ng-scope"></li>
<!-- end ngRepeat: slide in slides() -->
<li ng-click="select(slide)" ng-class="{active: isActive(slide)}"
ng-repeat="slide in slides()" class="ng-scope active"></li>
<!-- end ngRepeat: slide in slides() -->
<li ng-click="select(slide)" ng-class="{active: isActive(slide)}"
ng-repeat="slide in slides()" class="ng-scope"></li>
<!-- end ngRepeat: slide in slides() -->
</ol>
<div ng-transclude="" class="carousel-inner">
<div ng-transclude="" class="item text-center ng-isolate-scope"
ng-class="{ 'active': leaving || (active && !entering), 'prev': (next || active) && direction=='prev','next': (next || active) && direction=='next','right': direction=='prev','left': direction=='next'}"
active="slide.active"><img
ng-src="https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcT0SuUAQtA1rW0r8VuzwcNc4VXdIS_k-kQBRygzhUvKSYRAnm9uLQ"
class="carousel_image ng-scope" alt="1"
src="https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcT0SuUAQtA1rW0r8VuzwcNc4VXdIS_k-kQBRygzhUvKSYRAnm9uLQ">
<!-- ngIf: true==true -->
<div ng-if="true==true" class="ng-scope">
<div class="carousel-caption">Main Image Description Test</div>
</div>
<!-- end ngIf: true==true --></div>
<div ng-transclude=""
class="item text-center ng-isolate-scope active left"
ng-class="{
'active': leaving || (active && !entering),
'prev': (next || active) && direction=='prev',
'next': (next || active) && direction=='next',
'right': direction=='prev',
'left': direction=='next'
}"><img
ng-src="https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcRqf1G8Ib-xLrKDlHO8BAY0sZhDf3qZzEmbma4dLluy0yf0B40lqw"
class="carousel_image ng-scope" alt="2"
src="https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcRqf1G8Ib-xLrKDlHO8BAY0sZhDf3qZzEmbma4dLluy0yf0B40lqw">
<!-- ngIf: true==true -->
<div ng-if="true==true" class="ng-scope"><span class="carousel-caption">
Interior Image 1 Desc </span></div>
<!-- end ngIf: true==true --></div>
<div ng-transclude=""
class="item text-center ng-isolate-scope next left"
ng-class="{
'active': leaving || (active && !entering),
'prev': (next || active) && direction=='prev',
'next': (next || active) && direction=='next',
'right': direction=='prev',
'left': direction=='next'
}"><img ng-src=" " class="carousel_image ng-scope" alt="3"> <!-- ngIf: true==true -->
<div ng-if="true==true" class="ng-scope">
<div class="carousel-caption">Interior Image 2 Desc</div>
</div>
<!-- end ngIf: true==true --></div>
<div ng-transclude="" class="item text-center ng-isolate-scope"
ng-class="{
'active': leaving || (active && !entering),
'prev': (next || active) && direction=='prev',
'next': (next || active) && direction=='next',
'right': direction=='prev',
'left': direction=='next'
}"><img
ng-src="https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcQvKZjFy3_TavQ28K6o9cHTG818YATW8dls7bbCBFwVmcFTdDDV"
class="carousel_image ng-scope" alt="4"
src="https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcQvKZjFy3_TavQ28K6o9cHTG818YATW8dls7bbCBFwVmcFTdDDV">
<!-- ngIf: true==false --></div>
</div>
<a ng-show="slides().length > 1" ng-click="prev()"
class="left carousel-control"><span
class="glyphicon glyphicon-chevron-left black l-btn"></span></a> <a
ng-show="slides().length > 1" ng-click="next()"
class="right carousel-control"><span
class="glyphicon glyphicon-chevron-right black r-btn"></span></a></div>
</div>
主图像描述测试
内部图像1描述
内部图像2描述
如果我在切换其他选项卡后返回,则它将停止滚动。下面是我包含的js:它不工作。请帮忙