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() {

});

Answer 2

在jQuery 1.7中添加了.on()函数，并且在jQuery 1.0中添加了.css()函数，因此这三个文件中的任何一个都将包含所有必需的函数;前两个是同一个文件，一个刚刚被压缩（缩小 - 因此文件名的“.min”部分）。

但是，您的代码可能过早地执行 - 在构造DOM之前 - 因此无法选择元素。使用DOM ready事件处理程序延迟执行该代码：

$(document).ready(function() {
    // your code
});

Answer 3

您正在错误地访问div 如果您要将jquery函数应用于您选择的变量，则必须这样做。

$(divs).css({ 'opacity' : (1 - st/130) });

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

3 个答案: