Question

我从Jquery Waypoints网站复制了一个非常基本的脚本，我想要它现在做的就是，当#header到达视点的顶部时，会弹出警报。

我已按此顺序加载脚本

<script language="javascript" type="text/javascript" src="jquery.min.js"></script>
<script language="javascript" type="text/javascript" src="waypoints/waypoints.min.js"></script>
<script language="javascript" type="text/javascript" src="jscript.min.js">      </script>

这是我想拥有航点（#header）

的元素

<div id="header">
<h1>Header</h1>
</div>

这是#header的CSS，这个问题可能不需要

#header {
height:75px;
width:auto;
position:absolute;
background:#212121;
top:50px;
left:200px;
right:100px;
}

然后是非常简单的jQuery脚本，它是来自网站http://imakewebthings.com/jquery-waypoints/

的相同脚本（具有不同的元素名称）

$('#header').waypoint(function() {
  alert('Top of header hit top of viewport.');
});

当我在chrome上检查它并滚过标题时，没有警报出现，并且控制台中没有显示错误。请帮我理解我的错误，感谢。

Answer 1

我设法通过添加文档就绪功能

来使其工作

所以脚本现在看起来像这样：

$(document).ready(function() {
$('#header').waypoint(function() {
    alert('Top of header hit top of viewport.');
});
});

Jquery Waypoints基本脚本不起作用

1 个答案: