首页 文章

当元素id出现在jport中的viewport中时发出警报

提问于
浏览 次
0

无法让这个插件为我工作：https://github.com/morr/jquery.appear

使用Ajax引用此CDN中的插件：http://cdnjs.cloudflare.com/ajax/libs/jquery.appear/0.3.3/jquery.appear.js

我究竟做错了什么？当div id #footer在视口中时，我想要一个警报 .

$.ajax({
  url: '//cdnjs.cloudflare.com/ajax/libs/jquery.appear/0.3.3/jquery.appear.js',
  dataType: 'script',
  cache: true,
  success: function() {
    $("#footer").appear(function() {
            alert('I see a footer!');
        });
  }
});
javascript jquery ajax jquery-plugins viewport

1 回答

  • 2

    使用我实现的插件的demo page来使其工作 .

    • 首先使页脚元素在视口中可见时能够触发 'appear' 事件：
    $("#footer").appear();
    • 然后听这样的事件：
    $("body").on("appear", "#footer", function() {
    // Do something...
});

    Code snippet:

    $.ajax({
  url: '//cdnjs.cloudflare.com/ajax/libs/jquery.appear/0.3.3/jquery.appear.js',
  dataType: 'script',
  cache: true,
  success: function() {
    $("#footer").appear();

    $("body").on("appear", "#footer", function() {
      alert('I see a footer!');
    });
  }
});

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div style="height: 300px">Scroll down</div>
<div id="footer">Footer</div>
    回复于

相关问题