제이쿼리가 아예 시행이 안됩니다..ㅜㅜ

0 투표
105 조회

안녕하세요..

제이쿼리 소스가 잘못 입력한 건지

제이쿼리 실행이 아예 멈춰버렸습니다.

F12 누르고 확인하니까 오류가 갑자기 몇백개씩 뜨던데

프레임워크를 <script src="http://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>로

입력했는데 어떻게 다시 시행시킬 수 있을까요?ㅜㅜ 

오류이미지와 오류 나기 전 새로 입력했던 제이쿼리 소스내용을 보내드립니다.

 

 

 

 

------------------------------------------------------------------

$(function(){

$('.slideshow').each(function(){

   var $container=$(this),

          $slideGroup=$container.find('.slides'),

  $slides=$slideGroup.find('.slide'),

  

  slidecount=$slides.length,

  currentIndex =0,

  duration=500,

  easing='easeInOutExpo',

  interval = 7500,

  timer;

  

$slides.each (function(i) {

   $(this).css({left:100*i +"%"});

})

function goToslide (index) {

$slideGroup.animate({left:-100*index+'%'}, duration, easing);

currentIndex = index;

}

function startTimer() {

timer = setInterval(function() {

var nextindex = (currentIndex + 1) % slidecount;

goToslide(nextindex);

},interval);

}

function stopTimer() {

clearInterval('timer');

}

$container.on({

mouseenter:stopTimer,

mouseleave:startTimer

});

goToslide(currentIndex);

startTimer();

});

});

요청 : 2018년 10월 21일 프레임워크 분류 내 작성자 choco745 (240 포인트)

1 개의 답변

0 투표

animate 메소드의 easing 설정에서 'easeInOutExpo' 값은 기본적으로 제공되지 않습니다. 따라서 별도의 팩을 추가하셔야 합니다.

다음 아래의 CDN 으로 리소스를 가져오시면 될 것 같습니다.

https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.4.1/jquery.easing.min.js

추가적인 CDN 정보는 아래의 URL을 참고하십시오.

https://cdnjs.com/libraries/jquery-easing

답변: 2018년 10월 22일 작성자 qsadmin (2,100 포인트)