JSFiddle에서 코드 복사

-3

어리석은 질문에 대한 죄송합니다 ... 다른 비슷한 질문을 발견했지만 그것을 알아낼 수 없습니다.JSFiddle에서 코드 복사

왜 작동하지 않는지 나는 이해하지 못합니다. 나는 코드를 복사한다 http://jsfiddle.net/sB49B/21/

나는 문제가 onload이어야한다라고 생각한다. 그러나 나는 내가 시험해 보았던 것이 효과가 없었기 때문에 확실하지 않다. 내가의 코드를 포함 tride :

jQuery(document).ready(function($){ 
    code javascript 
)};

및 지역 :

$(document).ready(function(){ 
    code javascript 
)};

당신이 어떤 생각을 가지고 있습니까?!

<html> 
    <head> 
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
    <title>jsfiddle.net/sB49B/18/</title> 
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.js"></script> 
    <script type="text/javascript"> 
     var oDebug = $('p#debug'); 
     var oItemsContainer = $('ul#items'); 
     $(window).scroll(function(e) { 
     var iScrollTop = $(window).scrollTop(); 
     var iScrollPerItem = 200; 
     var aItems = oItemsContainer.children('li.item'); 
     var iCurrentIndex = Math.floor(iScrollTop/iScrollPerItem); 
     var fOpacity= (iScrollTop % iScrollPerItem)/iScrollPerItem ; 
     aItems.filter(':lt(' + iCurrentIndex + ')').show(); 
     aItems.filter(':gt(' + iCurrentIndex + ')').hide(); 
     aItems.eq(iCurrentIndex).show().css('opacity', fOpacity); 
     }); 
    </script> 
    <style type="text/css"> 
     body { height:3000px; } 
     ul#items { width:200px; height:200px; position:fixed; top:10px; left:10px; } 
     ul#items li.item {background-color:#dddddd; display:block; height:100%; left:0; opacity:0; position:absolute; right:0; width:100%;} 
     p#debug {position:fixed; right:10px; text-align:right; top:10px; } 
    </style> 
    </head> 
    <body> 
    <p id="debug">n/a</p> 
    <ul id="items"> 
     <li class="item item01">1</li> 
     <li class="item item02">2</li> 
     <li class="item item03">3</li> 
     <li class="item item04">4</li> 
     <li class="item item05">5</li> 
     <li class="item item06">6</li> 
     <li class="item item07">7</li> 
     <li class="item item08">8</li> 
    </ul> 
    </body> 
</html>

출처

2014-10-24 user2295617

')}'->'})'오타를 수정하십시오. –

미안 나는 녹아야했다 – user2295617

-1

이

<script type="text/javascript"> 
    $(document).ready(function() { 
    console.log("ready!"); 
    var oDebug = $('p#debug'); 
    var oItemsContainer = $('ul#items'); 
    $(window).scroll(function(e) { 
    var iScrollTop = $(window).scrollTop(); 
    var iScrollPerItem = 200; 
    var aItems = oItemsContainer.children('li.item'); 
    var iCurrentIndex = Math.floor(iScrollTop/iScrollPerItem); 
    var fOpacity= (iScrollTop % iScrollPerItem)/iScrollPerItem ; 
    aItems.filter(':lt(' + iCurrentIndex + ')').show(); 
    aItems.filter(':gt(' + iCurrentIndex + ')').hide(); 
    aItems.eq(iCurrentIndex).show().css('opacity', fOpacity); 
    }); 
} 
</script>

을 시도하고 찾고 콘솔 확인 catch되지 않은 구문 에러 : : : 예기치 않은 토큰)

여기에 코드이 오류는 "준비를!" 당신이 그것을 볼 경우이

$(document).ready(function(){ 
     code javascript 
    });

공지 사항의 차이 사이에 있어야한다 는, 문제는 제대로

$(document).ready(function(){ 
    code javascript 
)};

하지 폐쇄 브래킷을했기 때문에

출처

2014-10-24 14:31:31 dariogriffo

예 오류가오고 논리 함께 마지막 줄

출처

2014-10-24 14:33:08 RahulB

예기치 않은 토큰을 ... 오류를 읽습니다. ... 글쎄, 아마도 잘못 배치 된) 문자.

$(document).ready(function() { 
    var oDebug = $('p#debug'); 
    var oItemsContainer = $('ul#items'); 
    $(window).scroll(function(e) { 
     var iScrollTop = $(window).scrollTop(); 
     var iScrollPerItem = 200; 
     var aItems = oItemsContainer.children('li.item'); 
     var iCurrentIndex = Math.floor(iScrollTop/iScrollPerItem); 
     var fOpacity= (iScrollTop % iScrollPerItem)/iScrollPerItem ; 
     aItems.filter(':lt(' + iCurrentIndex + ')').show(); 
     aItems.filter(':gt(' + iCurrentIndex + ')').hide(); 
     aItems.eq(iCurrentIndex).show().css('opacity', fOpacity); 
    }); 
});

마지막 줄 )};이 잘못되었습니다. });이어야하며 닫는 첫 번째는 function() { 인 }이며 그 다음 )은 .ready(입니다.

출처

2014-10-24 14:36:16 silentw

미안 나는 녹아야했다 – user2295617

@ user2295617 erm ... 무엇? – silentw

답변

관련 문제