当元素位于视口中时jquery触发函数

2023-11-27

我想在 jquery.localscroll 到达文档的某个点(div)时触发一个事件。

假设我们从顶部 div 垂直滚动到第三个 div。当它到达那里时,就会触发该操作。


jQuery 航点插件http://imakewebthings.github.com/jquery-waypoints/应该可以解决问题

UPDATE

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>jQuery Waypoints Plugin - Test</title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js" type="text/javascript"></script>
    <script src="http://imakewebthings.github.com/jquery-waypoints/waypoints.min.js" type="text/javascript"></script>
    <style type="text/css">
        #mydiv {background-color:#FF0000; margin:1500px 0;}
    </style>
</head>
<body>

<div id="mydiv">
    Content goes here
</div>

<script type="text/javascript">
$(function() {
       $('#mydiv').waypoint(function() {
         window.location.href = 'http://google.com';
         }, {
           offset: '100%'
         });
    });
</script>
</body>
</html>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

当元素位于视口中时jquery触发函数 的相关文章

  • `ie9` - contenteditable false 在父级可编辑时不起作用

    我正在尝试制作内容可编辑和不可编辑的容器 用户可以通过 3 种方式使用它 他们可以将内容与non editable 他们可以将内容与editable 他们可以在不选择其中之一的情况下放置内容 可编辑 我正在努力实现以下目标 content
  • 使用 JQuery 预填充选择字段的下拉选项验证

    我有这个 JQuery 片段来防止选择已在另一个字段中选择的下拉选项 var coll select name service on change function coll each function var val this value
  • 如何让 jQuery 的自动完成插件在页面加载时显示其下拉列表?

    http community sciencecareers org mt static plugins CommunityPlus js autocomplete http community sciencecareers org mt s
  • 使用 jquery 显示/隐藏特定类的内容

    我是 jquery 的新手 也许这是一个愚蠢的问题 但我几乎到处都在寻找答案 但没有找到 那么 我们开始吧 我想根据我在下拉表单中选择的选项来显示不同的内容 正如我在 StackOverflow 上了解到的 您可以使用更改函数来执行此操作
  • 如何在响应ajax codeigniter后停止执行其他控制器

    我想知道如何在响应输出 json 数据后停止执行函数和涉及的其他控制器 就我这里的情况而言 我只是打电话test 函数于dashboard控制器 In dashboard构造函数将执行MY Login library In MY Login
  • 两个 OnClick 事件重叠

    我在元素内有一个元素 当我单击下面的元素时 我希望打开滑块 当我单击最外面的元素时 我希望滑块关闭 不幸的是 当我单击最外面的元素时 它也会单击下面的元素 有没有办法只单击最外面的元素而忽略下面元素的单击 这些事件在单击时触发并使用 Jav
  • 如何同步两个文本框表单值?

    大家好 我是 jQuery 新手 假设我有两个 HTML 文本框 如何才能实现这样的情况 如果我在文本框 A 中写入 则相同的值会转到文本框 B 如果我在 B 中写入 则相同的值会转到 A 与删除文本相同 在 jQuery 中如何做到这一点
  • Jquery 组合 SlideUp/Down 并单击

    我创建了两个脚本 其中一个具有向上滑动和向下滑动命令 这些命令在页面加载时作用于计时器 第二个是单击事件 其中单击链接时执行向上 向下滑动命令 这两个脚本都是单独工作的 但我无法让它们一起工作 这是定时向上 向下滑动脚本 document
  • PNG 透明度问题 - 带有黑色阴影的褪色图像 - IE 中的边框

    我使用图像旋转器在主页上显示一些图像 所有图像均为 PNG 格式 问题出在 IE 7 8 中 图像旁边有黑色阴影 我花了几个小时来解决这个问题 但仍然不知道问题出在哪里以及如何删除它 没有人有类似的问题和提示吗 如何解决 尝试使用 img
  • ajax推送服务器

    好吧 我最近写了一个ajax推送脚本 其中后端的php在等待某人更新时处于休眠状态 但是休眠的进程占用了大量的cpu 关于如何防止这种情况的任何想法 我猜我必须要么找到一个可以使用线程休眠的程序 要么用我不太熟悉的 python 或 c 编
  • 删除某个类之后的所有类

    我有一个 lt div id thisdiv class class1 class2 class3 class4 class5 gt text lt div gt 我需要能够使用 jQuery 删除 class3 之后的所有类 就像是 th
  • 如何从Python中的函数返回多个值? [复制]

    这个问题在这里已经有答案了 如何从Python中的函数返回多个变量 您可以用逗号分隔要返回的值 def get name you code return first name last name 逗号表示它是一个元组 因此您可以用括号将值括
  • jQuery 可以在用户输入数字时添加逗号吗?

    当用户输入数字时 如何动态添加逗号 有没有一个好的数字格式化程序可以提供帮助 我必须稍后添加这些数字 所以我最终必须删除一行中的逗号 但屏幕需要显示逗号以提高可读性 运行代码片段以查看其工作情况 input number keyup fun
  • 可以使用 jQuery 或 Javascript 将图片的特定部分用作链接吗?

    我有这个想法 将图片 而不是文本 的各个部分链接到不同的页面或网站 并且我想在不实际创建不同的照片并将它们彼此靠近的情况下完成 这样看起来就像是一张完整的图片 这里有人知道如何使用 JavaScript 的变体 例如 jQuery 或纯 J
  • jquery从变量中删除html元素

    我将 html 保存在变量中 var itinerary events today html 我有很多 html 和一个按钮我想删除 它的 ID 为 myButton 如何从变量中保存的 html 中删除它 我建议这种方法 var itin
  • 动态地将工具提示文本设置为 div 元素

    我正在尝试动态地将工具提示文本设置为容器 div 并对我刚刚添加到有序列表的每个 div 元素 elem Alias Status 使用 jQuery function addNewElement elem var li li li li
  • 如何获取给定 DOM 元素的所有定义的 CSS 选择器?

    如何使用 jQuery 获取给定 DOM 元素的所有定义的 CSS 选择器 定义后 我的意思是在应用于任何样式表的所有 CSS 选择器document 在某种程度上 这类似于 FireBug 实现的功能 其中显示所选 DOM 元素的所有应用
  • 在 ASP.NET Core MVC 中访问从视图到控制器的隐藏值

    我需要帮助使用 jQuery 从 ASP NET Core razor 视图页面传递隐藏控件值 jQuery 用于获取动态控件选定的值 section scripts
  • jQuery 对象相等

    如何确定两个 jQuery 对象是否相等 我希望能够在数组中搜索特定的 jQuery 对象 inArray jqobj my array 1 alert deviceTypeRoot deviceTypeRoot False alert d
  • fullCalendar 未显示正确的结束日期

    我正在看调试页面 http jsbin com wukofacaxu edit js outputFullCalendar 官方网站的 我想安排一个活动时间为 22 09 2015 至 30 09 2015 dd mm yyyy 但它只显示

随机推荐

  • WebRTC的RTCDataChannel在iOS中的实现

    我在用ISBX apprtc ios视频聊天实现代码 这在 iPhone 和模拟器中完美运行 我想在两个对等点之间发送文本 字符串数据 并且我正在使用RTCDataChannel class 以下是我的实现 我无法建立连接 它总是给出状态k
  • 如何在不使用代码的情况下使用约束 AutoLayout 来指定横向与纵向的不同布局?

    我有一个带有登录屏幕的 iPad 应用程序 登录控件包含在 UIView 中 当 iPad 处于纵向方向时 我的登录 UIView 靠近应用程序的底部和中心 几乎就在键盘所在位置的正上方 公司徽标位于顶部居中的 UIImageView 中
  • ASP.NET MVC 4应用程序调用远程WebAPI

    我过去创建过几个 ASP NET MVC 应用程序 但以前从未使用过 WebAPI 我想知道如何创建一个简单的 MVC 4 应用程序 通过 WebAPI 而不是通过普通的 MVC 控制器来执行简单的 CRUD 操作 诀窍在于 WebAPI
  • Sharepoint API - 如何从 ASP.NET Web 应用程序将文件上传到 Sharepoint 文档库

    我是 Sharepoint Server 的新手 我们有任何实用程序可以从 ASP NET 应用程序上传文件吗 您能提供您宝贵的答案吗 您可以编写一些自定义代码来执行此操作 如果您位于同一服务器上或使用 Web 服务 则可以使用 Share
  • 是否可以转换参数包中的类型?

    是否可以转换参数包的类型并传递 例如 鉴于以下情况 template
  • 不存在具有键“xxx”的“IEnumerable”类型的 ViewData 项

    Stack Overflow 上有几篇关于此问题的帖子 但没有一个答案似乎可以解决我当前情况下的问题 我有一个页面 其中有一个表格 每行都有多个文本字段和一个下拉列表 所有下拉列表都需要使用相同的 SelectList 数据 因此我将其设置
  • 在共享主机上为 32 位 Linux 编译 git

    我需要在廉价的共享主机上设置 Git 客户端 并使用一个不知名的 32 位 Linux 发行版 GCC 不可用 所以我无法在服务器上编译它 我确实有两台其他 64 位 Linux 服务器和一台 OSX 笔记本电脑可供使用 我可以尝试在其上交
  • Gnuplot,如何*跳过*丢失的数据文件?

    根据各种因素 我可能没有 1 个或多个不存在的数据文件 在预定义的 gnuplot 绘图指令中引用 当这种情况我得到 警告 跳过不可读的文件 这会取消其余指令 有什么方法可以让 gnuplot 跳过任何丢失的数据文件并绘制所有现有的数据文件
  • 为什么我收到“错误:无法推送某些参考”?

    我有一个远程 git 存储库和一个我使用的本地存储库 每当我在本地进行任何更改时 我都会将它们推送到远程 然后我有时会在远程文件上执行 git commit 以存储远程文件上的更改 我根本不直接编辑远程存储库 我只是提交更改 我是一名单一开
  • Android堆碎片策略?

    我有一个 OpenGL Android 应用程序 它使用大量内存来设置复杂的场景 这显然会导致严重的堆碎片 即使不存在内存泄漏 也不可能在不因碎片而耗尽内存的情况下销毁和创建应用程序 碎片肯定是问题 而不是泄漏 这会导致一个主要问题 因为
  • python 3.x ImportError:没有名为“cStringIO”的模块

    我该如何解决ImportError No module named cStringIO 在Python 3 x下 来自 Python 3 0 变更日志 StringIO 和 cStringIO 模块消失了 相反 导入 io 模块并分别使用
  • 如何在嵌套 Backbone 集合上“冒泡”事件?

    我有一个 Backbone 应用程序使用嵌套集合 至少我认为他们是这样称呼的 在我的具体情况下有tabs and subtabs 每个选项卡 模型 包含子选项卡 模型 的集合 对于那些更熟悉代码的人 我将在下面写下我的模型和集合 以及子选项
  • 在 OS X Mavericks 中从 C++ 链接 C

    转换到 OS X Mavericks 和 XCode 5 0 1 后 我无法再将已编译的 C 文件 从 gcc 输出 正常链接到 C 项目 从 g 输出 从我的 makefile 生成的有问题的命令对是 gcc pkg config cfl
  • Bootstrap 3 像 Facebook 一样的 Canvas 侧边栏菜单

    我正在使用 Bootstrap 3 的一些示例作为移动设备上的画布外侧边栏菜单 如下所示 http jsfiddle net AllenDB 9aAjJ 我将如何调整画布外菜单 使其像 Facebook 的搜索 朋友在线画布外菜单一样 始终
  • 用于任意大数的 BCD 数学库?

    我正在寻找库存 Delphi Data FmtBcd 库的替代品 因为我刚刚达到了它的限制 例如它可以表示的最大十进制数字 并且程序以以下方式终止EBcd 溢出异常 出于好奇 我正在计算算术系列成员 并且需要处理非常大的数字 数十万个位置并
  • 浏览器什么时候开始渲染部分传输的 HTML?

    我有一个长期运行的报告 并希望在生成报告时向用户显示一个等待旋转器 我已经完成了这项工作 但不确定我是否以最好或正确的方式做这件事 这是使用 ColdFusion 但我猜它可以是任何语言 在页面顶部 我有一些 Javascript jQue
  • Java继承字段[重复]

    这个问题在这里已经有答案了 我无法理解以下输出 我不知道为什么输出是 10 我认为该行A a new B 创建B类的新实例 我认为结果应该是20 class A int i 10 class B extends A int i 20 pub
  • 强制重新验证 mvc3 非侵入式远程验证

    这是一个经典的登录流程 用户可以选择 新用户 或 现有用户 如果用户是新用户 则登录框中的名称应根据服务器进行验证 以查看用户名是否唯一 如果是现有用户 则将跳过此检查 因为我们希望用户名已被使用 当然 我在视图模型上添加了一个 Remot
  • Objective-C 中的回合双打

    我有两个数字 格式如下34 123456789 如何将其更改为 34 123 我只想要小数点后 3 位数字 您可以将其打印到小数点后三位 NSString stringWithFormat 3f d 您可以将其近似舍入round d 100
  • 当元素位于视口中时jquery触发函数

    我想在 jquery localscroll 到达文档的某个点 div 时触发一个事件 假设我们从顶部 div 垂直滚动到第三个 div 当它到达那里时 就会触发该操作 jQuery 航点插件http imakewebthings gith