我需要在我的html页面中链接什么jQuery脚本才能使以下代码正常工作？

Question

我希望在独立的HTML文件中使用它:http://jsfiddle.net/J8XaX/2/

我的脚本是:

var divs = $('.fademe');
$(window).on('scroll', function() {
   var st = $(this).scrollTop();
   divs.css({ 'opacity' : (1 - st/130) });
});

我尝试过这些包含,但它们都不起作用:

<script type='text/javascript' src='http://code.jquery.com/jquery-1.7.1.js'></script>
<script type='text/javascript' src='http://code.jquery.com/jquery-1.7.1.min.js'></script>
<script src="http://code.jquery.com/jquery-latest.js"></script>

有什么建议？

编辑:它被包装.我的HTML中的脚本是:

<script type='text/javascript'>
$(document).ready(function(){
    var divs = $('.fademe');
    $(window).on('scroll', function() {
   var st = $(this).scrollTop();
   divs.css({ 'opacity' : (1 - st/700) });
});
</script>

它适用于jsFiddle,但不是当我尝试将其视为自己的HTML页面时

Answer 1

包裹您的代码

$(document).ready(function() {

});