javascript - jQuery.appear 插件不工作

Question

请看下面的jsfiddle。这是让 jQuery.appear 插件工作的简单尝试。我做错了什么？

http://jsfiddle.net/P7v8v/1/

html 是:

<div class = 'bar'>foo</div>

相关代码如下:

alert('foo bar');
$('.bar').appear();
$('.bar').on('appear', AlertMe);

function AlertMe() {
    alert("alert me");
}

插件可以在https://github.com/morr/jquery.appear#jqueryappear 下载。

Answer 1

1) Appear 在滚动或调整大小时触发事件(引用第 79 行的 javascript fiddle)

$(window).scroll(on_check).resize(on_check);

2) 为了使代码正常工作，请像这样将其括起来:

$(function(){
  ... your code goes here
 });

因此它不会在加载库之前执行。

希望对你有帮助