TypeError: $(...).carrousel n'est pas une fonction

Je sais que cela a été demandé à de nombreuses questions, mais la réponse la plus commune que jQuery n'est pas chargé ne fonctionne pas pour moi. Il semble que mon jQuery est chargé correctement (version 1.10.2).
Je suis en train d'exécuter le code suivant (essayé, même dans la console, de sorte que le chargement de la question ne reste pas):
$('.carousel').on('mouseenter',function(){ $( this ).carousel();})

Bootstrap carrousel par elle-même fonctionne très bien. C'est juste quand suis en train d'initialiser de façon dynamique, il ne fonctionne pas. (J'ai commencé avec angulaires et bootstrap, donc j'ai peut-être raté quelque chose de très simple ici.)
Je suis avec angular js et bootstrap pour mon application.

EDIT:
Voici mon code html:

<div class="row" ng-controller="ItemGallery" style="padding-top:30px;">
    <div class="col-md-4 item_card" ng-repeat="item in item_array">
        <a href="{{'/product/id='+item.product_id}}" class="thumbnail">
            <div id="{{'carousel_'+item.product_id}}" class="carousel slide" data-ride="carousel" data-interval="false">
                <div class="carousel-inner" role="listbox">
                    <div class="item active">
                        <img src="{{item.thumbnail}}" alt="{{item.product_title}}" class="img-responsive product-image"/>
                    </div>
                    <div class="item">
                        <img src="{{item.nutrition_thumbnail}}" alt="{{item.product_title}}" class="img-responsive nutri-image"/>
                    </div>

                </div>
            </div>
            <div class="caption post-content">
                <h4 class="h_no_margin">
                    <p class="pull-left title">{{item.product_title.toLowerCase() }}</p>
                    <p class="text-right">${{item.price}}</p>
                </h4>
                <small>
                    {{item.product_desc}}
                </small>
            </div>
        </a>

    </div>

</div>

Angulaire code:

var app = angular.module('item_gallery', []);

app.controller('ItemGallery', function($http, $scope, $location) {
$http.get("/product/list")
.success(function(response) {
    $scope.item_array = response.response;
    });


});

J'ai utilisé de verdure à prendre soin de dépendances.

{
 "name": "nutrinext",
 "version": "0.0.0",
 "dependencies": {
  "angular": "~1.3.1",
  "angular-bootstrap": "~0.11.2",
  "angular-timeago": "~0.1.3",
  "angular-ui-router": "~0.2.11",
  "ngstorage": "~0.3.0",
  "bootstrap": "~3.3.0",
  "bootstrap-markdown": "~2.7.0",
  "jquery": "1.10.2",
  "fastclick": "~1.0.3",
  "fontawesome": "~4.2.0",
  "pubnub": "~3.6.4"
 },
"devDependencies": {},
"resolutions": {
  "angular": "~1.3.1",
  "bootstrap": "~3.3.0"
 }
}

OriginalL'auteur archangel | 2015-06-15