个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
27
4
谁能明白为什么这个 html 代码不起作用。
当图像变得可见时，它应该显示警报，当图像对用户不可见时，它应该再次显示警报。
它也不适用于本地库。
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<script type="text/javascript" src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<script type="text/javascript" src="https://raw.githubusercontent.com/morr/jquery.appear/master/jquery.appear.js"></script>
<script>
var intervals = [];
$("[id^=light]").on('appear', function(event, $all_appeared_elements) {
alert("appeared");
});
$("[id^=light]").on('disappear', function(event, $all_disappeared_elements) {
alert("disappeared");
});
</script>
<br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br>
<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/6/62/Incandescent_light_bulb.svg/200px-Incandescent_light_bulb.svg.png" align="center" id="LichtStatus" style="height:10vh">
</body>
</html>
最佳答案
尝试这样。
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<script type="text/javascript" src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery.appear/0.3.3/jquery.appear.js"></script>
<script>
$(function(){
$("#LichtStatus").on('appear',function() {
alert("appeared");
});
$("#LichtStatus").on('disappear', function() {
alert("disappeared");
});
$("#LichtStatus").appear();
});
</script>
<br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br>
<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/6/62/Incandescent_light_bulb.svg/200px-Incandescent_light_bulb.svg.png" align="center" id="LichtStatus" style="height:10vh">
</body>
</html>
检查 plunker 的工作示例
https://plnkr.co/edit/YbBNxsWNFc4vP3OEBeCm
一旦您向下滚动且图像进入视口(viewport)内，警报就会触发；向上滚动时，当图像离开视口(viewport)时警报就会触发
关于javascript - jQuery.appear 根本不起作用，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/40633948/
27
4
0
我遇到了一个似乎很独特的问题。我的 NSUbiquitousKeyValueStore 在模拟器中的启动之间根本不起作用。也就是说，我什至不是在谈论 iCloud 同步或类似的东西，我无法让它通过下面
首先，我使用的是 WiX 版本 3.5.2519.0，但我也在最新的 3.6 版本上测试了它，结果相同。 我很难确定 PatchFamily 究竟能过滤掉 torch 生成的差异的某些部分。按照手册中
我可以获取要呈现的“帮助主题”标题，但无法获取我定义的任何FIXTURES。 {{#each model}} 中的任何内容都不会渲染。这是我第一次使用 Ember，所以任何东西(字面意义上的任何东
我一直在尝试设置custom ajaxTransports for jQuery在我们的产品的某些场景下缩短某些工作流程。然而，我在让这些传输受到尊重方面取得了零成功(而我有很多工作 custom a
为什么纯无类型 lambda 演算经常被描述为无法使用？ 有了合适的函数库，它会不会与任何其他函数式语言大致相同？ 最佳答案 速度不是大问题。例如，您可以决定使用教堂数字但优化实现，以便像往常一样表示
我是一名优秀的程序员,十分优秀！