Some IE(7) fixes

src/carousel/carousel.js

@@ -19,7 +19,7 @@ angular.module('ui.bootstrap.carousel', ['ui.bootstrap.transition'])
 
   /* direction: "prev" or "next" */
   self.select = function(nextSlide, direction) {
-    var nextIndex = slides.indexOf(nextSlide);
+    var nextIndex = jQuery.inArray(nextSlide, slides);
     //Decide direction if it's not given
     if (direction === undefined) {
       direction = nextIndex > currentIndex ? "next" : "prev";
@@ -38,8 +38,9 @@ angular.module('ui.bootstrap.carousel', ['ui.bootstrap.transition'])
       if (self.currentSlide && angular.isString(direction) && !$scope.noTransition && nextSlide.$element) { 
         //We shouldn't do class manip in here, but it's the same weird thing bootstrap does. need to fix sometime
         nextSlide.$element.addClass(direction);
-        nextSlide.$element[0].offsetWidth = nextSlide.$element[0].offsetWidth; //force reflow
-
+        if (!$.browser.msie) { // offsetWidth not settable in IE
+          nextSlide.$element[0].offsetWidth = nextSlide.$element[0].offsetWidth; //force reflow
+        }
         //Set all other slides to stop doing their stuff for the new transition
         angular.forEach(slides, function(slide) {
           angular.extend(slide, {direction: '', entering: false, leaving: false, active: false});
@@ -72,7 +73,7 @@ angular.module('ui.bootstrap.carousel', ['ui.bootstrap.transition'])
 
   /* Allow outside people to call indexOf on slides array */
   self.indexOfSlide = function(slide) {
-    return slides.indexOf(slide);
+    return jQuery.inArray(slide, slides);
   };
 
   $scope.next = function() {
@@ -152,7 +153,7 @@ angular.module('ui.bootstrap.carousel', ['ui.bootstrap.transition'])
 
   self.removeSlide = function(slide) {
     //get the index of the slide inside the carousel
-    var index = slides.indexOf(slide);
+    var index = jQuery.inArray(slide,slides);
     slides.splice(index, 1);
     if (slides.length > 0 && slide.active) {
       if (index >= slides.length) {

template/carousel/carousel.html

@@ -3,6 +3,6 @@
         <li ng-repeat="slide in slides()" ng-class="{active: isActive(slide)}" ng-click="select(slide)"></li>
     </ol>
     <div class="carousel-inner" ng-transclude></div>
-    <a ng-click="prev()" class="carousel-control left" ng-show="slides().length > 1">&lsaquo;</a>
-    <a ng-click="next()" class="carousel-control right" ng-show="slides().length > 1">&rsaquo;</a>
+    <a href="javascript:void(0);" ng-click="prev()" class="carousel-control left" ng-show="slides().length > 1">&lsaquo;</a>
+    <a href="javascript:void(0);" ng-click="next()" class="carousel-control right" ng-show="slides().length > 1">&rsaquo;</a>
 </div>

template/pagination/pagination.html

@@ -1,4 +1,4 @@
 <div class="pagination"><ul>
-  <li ng-repeat="page in pages" ng-class="{active: page.active, disabled: page.disabled}"><a ng-click="selectPage(page.number)">{{page.text}}</a></li>
+  <li ng-repeat="page in pages" ng-class="{active: page.active, disabled: page.disabled}"><a href="javascript:void(0);" ng-click="selectPage(page.number)">{{page.text}}</a></li>
   </ul>
 </div>

template/tabs/tab.html

@@ -1,3 +1,3 @@
 <li ng-class="{active: active, disabled: disabled}">
-  <a ng-click="select()" tab-heading-transclude>{{heading}}</a>
+  <a href="javascript:void(0);" ng-click="select()" tab-heading-transclude>{{heading}}</a>
 </li>