2014-02-14 2 views
1

Magento 사이트에서이 회전식 회전식 회전 장치를 사용할 수 없습니다. 하나의 이미지가 정상적으로 표시되지만, 이미지 사이의 전환은 일어나지 않습니다. 여기에 작업 메신저Bootstrap 3 회전식 캐 러셀이 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> 

답변

1

은 콘솔이 Object #<Object> has no method 'on' 보여줍니다 페이지가로드 될 때, bootstrap.js 라인 (163)에 기인. 콘솔에있는 jQuery.fn.jquery이 jQuery 버전을 얻으려면 1.4.2이라고 표시됩니다.

This answer은 (부트 스트랩이 사용중인 것으로 보이는) on 메서드가 jQuery 1.7까지 추가되지 않았다고 제안합니다. 업그레이드가 첫 번째 단계 일 수 있습니다.

+0

예. 개발 로그에 나타납니다. – nahtnam

관련 문제