2015-05-29 130 views
1

伙计们我是AngularJs和JavaScript的初学者。 在我的项目中,我使用这个插件https://github.com/mikejacobson/angular-bootstrap-scrolling-tabs 但我面临错误,即使花费了太多时间,我也无法找到根本原因。 这里是我的HTML代码 -角引导滚动标签


          
  
<div class="scrolling-tabs-container" ng-controller="MainController as main"> 
 
<div scrolling-tabs-wrapper> 
 
<tabset ng-show="main.tabs.length" style="z-index: 50px;"> 
 
<tab ng-repeat="t in main.tabs" active="t.active" class="tabclass"> 
 
<tab-heading style="padding: 5px">{{t.title}} 
 
<a ng-click="removeTab($index)" href=''> 
 
<i class="selected-tab"></i> 
 
<i class="icon-remove"></i> 
 
</a> 
 
</tab-heading> 
 
<div ng-bind-html='to_trusted(t.content)'></div> 
 
</tab> 
 
</tabset> 
 
</div> \t 
 
</div>

我已经包含了需要的JavaScript文件和CSS文件,但我面对的时候我试图单击左滚动吊杆

TypeError: stc.$leftScrollArrow.add is not a function 
at ElementsHandler.p.setElementReferences (scrolling-tabs.js:231) 
at ElementsHandler.p.initElements (scrolling-tabs.js:170) 
at __initTabsAfterTimeout (scrolling-tabs.js:525) 
at angular-1.3.15.min.js:16298 
at completeOutstandingRequest (angular-1.3.15.min.js:4924) 
at angular-1.3.15.min.js:5312(anonymous function) @ angular-1.3.15.min.js:11654 

有人曾经用这个这个错误插入?有人能帮我理解这个问题吗?请帮忙。

+0

我装的Jquery AngularJS之前和错误消失。 –

+0

还有另一个插件,如果您使用UIBootstrap选项卡,也适用于实现滚动选项卡。这里是链接 - https://github.com/VersifitTechnologies/angular-ui-tab-scroll –

回答

0

Amarpreet,确保jQuery是前角加载,因为Issue on GitHub

+0

谢谢AlexWS。我在AngularJS之前加载了Jquery,错误消失了。谢谢! –