Question

大家好，我有一些java脚本，我希望将其应用于我的index.html，看起来像这样

$(window).scroll(function() {

// Get scroll position
var s = $(window).scrollTop(),
// scroll value and opacity
opacityVal = (s / 150.0);
// opacity value 0% to 100%
$('.blurred-img').css('opacity', opacityVal);
});

但是我不知道在哪里放这个我已经用这个代码创建了一个名为script.js的新文件，我用

引用它

<script type="text/javascript" src="script.js">

但它似乎不起作用。我在脚本.js文件中遗漏了什么或者我没有正确地恢复原状吗？感谢

Answer 1

您可能需要将脚本的执行推迟到DOM就绪，以确保在脚本运行时您的选择器中包含的元素存在：

$(function() {
    // code here, runs when DOM is ready
});

至于哪里，您可以执行您正在做的事情（并且应该），或者将其放在页面<script>部分的<head>标记中，或者通常在之前结束</body>标记。

Answer 2

由于您使用的是jQuery，请确保在包含jquery javascript后包含script.js。还将代码包装在$（function（）{}）中，以确保在文档准备好后执行它：

$(function(){
  $(window).scroll(function() {

  // Get scroll position
  var s = $(window).scrollTop(),
  // scroll value and opacity
  opacityVal = (s / 150.0);
  // opacity value 0% to 100%
  $('.blurred-img').css('opacity', opacityVal);
  });
});

我应该在哪里实现我的网站js

2 个答案: