Скопируйте код от JSFiddle

-3

Извините за глупый вопрос ... Я нашел другой подобный вопрос, но я не мог понять это.Скопируйте код от JSFiddle

Я не понимаю, почему он не работает. Я скопирую код с http://jsfiddle.net/sB49B/21/

Я думаю, что проблема должна быть загружена, но я не уверен, потому что то, что я пробовал, не работает. я тридэ включить код:

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

и:

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

Есть ли у вас какие-либо идеи ??! Это ошибка: Uncaught SyntaxError: Неожиданный токен)

Вот код:

<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

')}' -> '})' fix your typos. –

извините, что мне пришлось расплавить – 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>

и проверьте консоль ищет "готов!" если вы его видите, проблема с логикой

источник

2014-10-24 14:31:31 dariogriffo

Да ошибка наступающем потому, что вы сделали не закрытые скобки правильно

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

Это должно быть

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

Обратите внимание на разницу между последняя строка

источник

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 ... what ?? – silentw

Скопируйте код от JSFiddle

ответ

Смежные вопросы