Bootstrap 3 карусель не работает на Magento

Question

Невозможно получить эту карусель для работы на сайте Magento. У меня есть одно изображение, отображающее ok, просто переход между изображениями не происходит.

Пример, что им работать здесь - http://dev.clothesforsale.co.nz/

код ниже:

<div id="myCarousel" class="carousel slide"> 
    <!-- Indicators --> 
    <ol class="carousel-indicators"> 
     <li data-target="#myCarousel" data-slide-to="0" class="active"></li> 
     <li data-target="#myCarousel" data-slide-to="1"></li> 
    </ol> 

    <!-- Wrapper for slides --> 
    <div class="carousel-inner"> 
     <div class="item active"> 
      <img src="<?php echo Mage::getBaseUrl(Mage_Core_Model_Store::URL_TYPE_MEDIA);?>slider/example-banner-one.jpg" alt="Slider One" class="img-responsive"/> 
     </div> 
    </div> 

    <div class="carousel-inner"> 
     <div class="item"> 
      <img src="<?php echo Mage::getBaseUrl(Mage_Core_Model_Store::URL_TYPE_MEDIA);?>slider/example-banner-two.jpg" alt="Slider Two" class="img-responsive"/> 
     </div> 
    </div> 

    <!-- Controls --> 
    <a class="left carousel-control" href="#myCarousel" data-slide="prev"> 
     <span class="glyphicon glyphicon-chevron-left"></span> 
    </a> 
    <a class="right carousel-control" href="#myCarousel" data-slide="next"> 
     <span class="glyphicon glyphicon-chevron-right"></span> 
    </a> 
</div> 

<script type="text/javascript"> 
// <![CDATA[ 
    $(function(){ 
     $('.carousel').carousel(); 
    }); 
// ]]> 
</script> 

Answer 1

На первый взгляд, консоль показывает Object #<Object> has no method 'on' при загрузке страницы, происходящих на линии 163 bootstrap.js. Если I jQuery.fn.jquery в консоли, чтобы получить версию jQuery, он говорит 1.4.2.

This answer предполагает, что метод on (который используется Bootstrap) не был добавлен до jQuery 1.7. Первым шагом может стать обновление.