Bootstrap 3傳送帶不能在Magento上工作

Question

無法讓這個傳送帶在Magento網站上工作。我有一個圖像顯示正常，只是圖像之間的轉換沒有發生。那我在這裏工作

示例 - 下面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'在頁面加載時，對原產於bootstrap.js的163線。如果我在控制檯中獲取jQuery版本jQuery.fn.jquery，則表示1.4.2。

This answer表明on方法（Bootstrap似乎在使用）直到jQuery 1.7才被添加。升級可能是第一步。