Question

当我们进入或离开视口（屏幕的可见部分）时，我想使用onScreen() plugin来控制项目。作为测试，尝试将此行$(".block").fadeIn(6000);添加到“doIn”但它不起作用。是否存在语法问题？请参阅http://jsfiddle.net/8E4FA/谢谢

<script>
    $(document).ready(function(){
        $('elements').onScreen({
           container: window,
           direction: 'vertical',
           doIn: function() {
               $(".block").fadeIn(6000);
           },
           doOut: function() {
               // Do something to the matched elements as they get off scren
           },
           tolerance: 0,
           throttle: 50,
           toggleClass: 'onScreen',
           lazyAttr: null,
           lazyPlaceholder: 'someImage.jpg',
           debug: false
        });
    });
</script>

Answer 1

我是插件开发人员。您正在使用插件网站中的示例代码，这意味着您没有使用$("elements")选择器匹配的元素。我将选择器更改为$(".block")并删除了所有默认值。

这是更新的小提琴：http://jsfiddle.net/8E4FA/1/

干杯！

Answer 2

我使用try和catch运行了它，结果证明：

ReferenceError: $ is not defined

我最好的猜测是你在JQuery引用之前引用onScreen插件，尝试将它们反转。

但是，我更好地猜测您的HTML中没有包含<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">。

onScreen插件无法正常工作

2 个答案: