在屏幕上显示时显示内容

Question

我知道这可能会被问到很多时间，但我是jQuery的初学者，我想了解我的工作。

我使用Multi-screen.js进行转场， 所以我的所有页面都在同一个HTML文档中

我想在加载页面时显示内容。 文档/窗口准备就绪无法工作。我不认为这是一个视口滚动的东西，可以解决问题，因为我的所有页面都是100％固定的高度。

如何在jQuery中说：“当用户在屏幕上看到X时，触发X”？

谢谢！

Answer 1

根据multi-screen.js的工作方式，有一个简单的解决方案 - 您可以使用：visible选择器在DOM加载后立即获取必要的对象。假设你的X对象叫做#welcome。所以检查将是这样的：

$(document).ready(function() {
    // your X object is on the screen
    var isVisible = $('#welcome:visible').length > 0;
});

Answer 2

JQuery提供了几种检查元素何时可用的方法，例如：

.ready()

  

.ready（）方法提供了一种运行JavaScript代码的方法   页面的文档对象模型（DOM）可以安全地操作。

$( "img" ).ready( handler )

和

.load()

  

当load和所有子元素发送时，load事件被发送到该元素   已完全装满。此事件可以发送到任何元素   与URL相关联：图像，脚本，框架，iframe和   窗口对象。

$( "#book" ).load(function() {
  // Handler for .load() called.
});