올빼미 회전 목마 - 온라인으로 작동하지 않음

올빼미 슬라이더가 온라인으로 작동하지 않지만 localhost에서 시도 할 때 작동합니다. 도와주세요! 감사. 이 링크는 http://mobile.best0709.cafe24.com/pls.html 한국의 CMS 쇼핑몰에 삽입했습니다.올빼미 회전 목마 - 온라인으로 작동하지 않음

<!DOCTYPE html> 
<html lang="en"> 
    <head> 
    <meta charset="utf-8"> 
    <title>Owl Carousel - One slide</title> 
    <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
    <meta name="description" content="jQuery Responsive Carousel - Owl Carusel"> 
    <meta name="author" content="Bartosz Wojciechowski"> 




    <!-- Owl Carousel Assets --> 
    <link href="/owl.carousel.css" rel="stylesheet"> 
    <link href="/owl.theme.css" rel="stylesheet"> 

    <script src="/jquery-1.9.1.min.js"></script> 
    <script src="/owl.carousel.min.js"></script> 
     <script src="/owl.carousel.js"></script> 
    <style> 
    #owl-demo .item img{ 
     display: block; 
     width: 100%; 
     height: auto; 
    } 
    </style> 


    <script> 
    $(document).ready(function() { 
     $("#owl-demo").owlCarousel({ 

     navigation : true, 
     slideSpeed : 300, 
     paginationSpeed : 400, 
     singleItem : true, 
     autoPlay : 1000 

     // "singleItem:true" is a shortcut for: 
     // items : 1, 
     // itemsDesktop : false, 
     // itemsDesktopSmall : false, 
     // itemsTablet: false, 
     // itemsMobile : false 

     }); 
    }); 
    </script> 



    </head> 
    <body> 





     <div id="demo"> 
     <div class="container"> 
      <div class="row"> 
      <div class="span12"> 
       <div id="owl-demo" class="owl-carousel"> 

       <div class="item"><img src="/web/upload/slider-011.png" width="100%" alt=""></div> 
       <div class="item"><img src="/web/upload/slider-011.png" width="100%" alt=""></div> 
       <div class="item"><img src="/web/upload/slider-011.png" width="100%" alt=""></div> 

       </div> 
      </div> 
      </div> 
     </div> 
    </div> 










    <!-- Demo --> 



    enter code here 



    </body> 
    </html>

출처

2014-10-16 akselrows

봐 "정의되지 않은 함수 아니다"pls.html에서 : 26 –

브라우저의 개발 툴을 확인하십시오. owlCarousel이 함수가 아닙니다. (K K가 말한 것처럼) – tgogos

@K K @antithesis 예 이러한 오류가 나타납니다. 어쩌면 그것은 스크립트 충돌입니까 ??? – akselrows

그래, 코드에 충돌 문제가있었습니다.

<script type="text/javascript" src="http://mobile.best0709.cafe24.com/ind-script/optimizer.php?filename=2989881215a2d3fbb5b7fc82d14d65358165348d_1411447623&type=js&"></script>

상기 파일이 충돌합니다. 이 파일을 제거하면 코드가 올바르게 작동합니다.

데모 :이 파일을 포함하는 경우 http://jsfiddle.net/v2z46gf5/1/

, 코드가 작동하지 않습니다

이

데모 : 콘솔에서 http://jsfiddle.net/v2z46gf5/

출처

2014-10-16 06:33:04

대단히 감사합니다 @K 케이.하지만이 스크립트는 CMS에 의해 생성됩니다. – akselrows

충돌을 피하는 방법에 대한 문서가 있어야합니다. 설명서를 보시길 –

도와 주셔서 대단히 감사합니다! 잘 했어! – akselrows

올빼미 회전 목마 - 온라인으로 작동하지 않음

답변

관련 문제