Loading [MathJax]/jax/output/CommonHTML/config.js
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >Uikit Scrollspy自定义事件

Uikit Scrollspy自定义事件
EN

Stack Overflow用户
提问于 2015-02-19 11:50:32
回答 3查看 2.3K关注 0票数 1

我在使用uiKit中的scrollspy自定义函数时遇到了问题。我想要在一个对象进入屏幕时触发一个函数。

我使用了uikit指南中的代码:http://getuikit.com/docs/scrollspy.html

这是我的代码:

jQuery

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
$('#object').on('uk.scrollspy.inview', function(){
    alert("It works");
});

HTML:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<div id="#object" data-uk-scrollspy>This is the object that should trigger the function</div>

我没有在firebug中得到任何错误,只是不知道哪里出了问题,因为我找不到更多的文档或任何东西,而且我的jQuery技能有点有限。如果有人能帮我那就太好了!

谢谢!

EN

回答 3

Stack Overflow用户

发布于 2015-03-04 16:11:42

我认为您需要为data-uk-scrollspy添加一些值:

像这样: data-uk-scrollspy="{initcls:'uk-scrollspy-init-inview'}“

票数 0
EN

Stack Overflow用户

发布于 2015-05-28 05:04:40

自2014年11月UIkit v2.13起,事件名称由"uk.scrollspy.inview“改为"inview.uk.scrollspy”

因此您应该使用另一个事件名称

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
$('#object').on('inview.uk.scrollspy', function(){
    alert("It works");
});
票数 0
EN

Stack Overflow用户

发布于 2020-03-25 15:58:36

将data-uk-scrollspy="“添加到HTML上的选择器中,例如:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<h2 id="works" data-uk-scrollspy="">Heading</h2>

然后只需使用以下命令:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
UIkit.util.on('#works', 'inview', function () {
    alert("It works");
});
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/28605644

复制
相关文章
UIKit框架 - TextKit
一. TextKit 架构 TextKit 架构.png 看图就已经知道底层就是Core Text,苹果可能感觉Core Text比较难用,在iOS 7时发布了TextKit. 二.Text Kit
大壮
2018/06/19
1.1K0
UIKit Dynamics 置身真实世界
前言: iOS的设计目标鼓励您创建数字接口(digital interface),对触摸,手势和方向的变化做出反应,就好像它们是物理对象而不仅仅是简单的像素集合。可以使用户可以通过皮肤深层的自身形态与界面更深层次的联系。 工具介绍: UIKit Dynamics是整合到UIKit中的完整物理引擎。它允许您通过添加重力,附件(弹簧)和力等行为来创建感觉真实的界面。您定义了您希望您的界面元素采用的物理特征,动力学引擎将照顾其余部分。 Motion Effects使您可以创建炫酷视差效果。基本上,您可以利用手
Dwyane
2018/05/22
1.3K0
自定义事件
上面这种情况,当点击子组件时并不会触发handleClick()事件,因为此时的click并非原生的点击事件,而是一个自定义事件。
小小杰啊
2022/12/21
3470
bootstrap源码分析之scrollspy(滚动侦听)
源码文件: Scrollspy.js 实现功能 1、当滚动区域内设置的hashkey距离顶点到有效位置时,就关联设置其导航上的指定项 2、导航必须是 .nav > li > a 结构,并且a上href或data-target要绑定hashkey 3、菜单上必须有.nav样式 4、滚动区域的data-target与导航父级Id(一定是父级)要一致 <div id="selector" class="navbar navbar-default"> <ul class="nav navbar-nav
sam dragon
2018/01/17
1.1K0
自定义事件 原
事件是一种叫做观察者的设计模式,这是一种创建松散耦合的技术。观察者模式由两类对象组成:主体和观察者。主体负责发布事件。同时观察者通过订阅这些事件来观察该主体。该模式的一个关键概念是主体并不知道观察者的任何事情,也就是说它可以独自存在并正常运作即使观察者不存在。从另一方面来说。观察者知道主体并能注册事件的回调函数(事件处理程序),涉及到Dom上时,Dom元素便是主体,你的事件处理代码便是观察者。
tianyawhl
2019/04/04
5000
[android] 自定义广播事件
上一节的短信拦截在4.0以上系统中无效,可以使用这种办法实现,定义一个activity,清单文件中指定主题为透明,在onCreate()方法里面直接调用finsh()方法,关掉,这样可以就可以实现了
唯一Chat
2019/09/10
7190
UIkit Dynamics 投掷效果
前言:上章UIKit Dynamics 置身真实世界介绍了基本用法,下面我们继续深入学习——手势跟Dynamics结合的用法 一、触摸处理 1、在ViewController.swift添加以下属性,并在Main.storyboard结合这些属性,在Main.storyboard添加一个imageView,以及扮演redSquare,blueSquare的俩个view @IBOutlet weak var imageView: UIImageView! @IBOutlet weak var
Dwyane
2018/05/22
1.2K0
自定义路由事件
在演示代码前,我们不妨先看一段Button按钮的Click路由事件源码,从源码中学习一下如何定义路由事件。
宿春磊Charles
2021/11/05
5640
自定义图例事件
主要思路 增加无数据的 series[i] ,产生额外的图例图标 监听「legendselectchanged」事件,更新图表数据源,实现所需图形的显示 / 隐藏 具体实现 准备原始数据、准备过滤原始数据的函数 arrFilter(): datasetSource = [ ['product', '2015', '2016', '2017', '2018'], ['Matcha Latte', 43.3, 85.8, 93.7, 54.2], ['Milk Tea', 83
ZXand618
2022/04/10
4470
自定义图例事件
代码触发,手动触发touchstart事件,touch事件,click事件,自定义事件
发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/150775.html原文链接:https://javaforall.cn
全栈程序员站长
2022/09/06
4.9K0
前端组件库_前端组件库有什么好处
发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/168343.html原文链接:https://javaforall.cn
全栈程序员站长
2022/09/20
6.3K0
Flex 自定义事件2
LoginEvent.as package events {     import flash.events.Event;     import datas.UserInfo;     public class LoginEvent extends Event     {         public function LoginEvent(user:UserInfo,type:String){             super(type);             this.user = user;
用户3135539
2018/09/12
5200
Flex 自定义事件2
Spring Boot 自定义事件
系统启动时,执行顺序为:application starting > application prepared > application ready
吟风者
2019/08/15
1.1K0
Spring Boot 自定义事件
vue 组件自定义事件
自定义事件是一种允许组件之间进行事件传递和监听的机制。通过在组件中定义和触发自定义事件,我们可以实现组件之间的通信。组件可以发出自定义事件,其他组件可以监听这些事件并做出响应。
堕落飞鸟
2023/05/21
6460
freeswitch: ESL中如何自定义事件及自定义事件的监听
虽然freeswitch已经内置了一些标识的事件,比如:CHANNEL_CREATE(发起呼叫时触发),CHANNEL_HANGUP_COMPLETE(电话挂断时触发)...,但是有时候我们想根据业务需求,新增一些自定义的事件,比如:客人进线后,如果分配到了一个空闲的客服,希望触发一个特定的事件。
菩提树下的杨过
2021/03/04
3.4K0
freeswitch: ESL中如何自定义事件及自定义事件的监听
Vue 3 自定义事件
除了系统自带的原生 DOM 自带的事件之外,有时候我们需要用到这些自带的事件之外,我们就必须要自定义事件了。
公众号---人生代码
2020/11/03
1.4K0
Vue 3 自定义事件
JS自定义事件原生
说在开始,Javascript自定义事件类似设计的观察者模式,通过状态的变更来监听行为,主要功能解耦,易于扩展。多用于组件、模块间的交互。 原型模式下的js自定义事件 var EventTarget = function() { this._listener = {}; }; EventTarget.prototype = { constructor: this, addEvent: function(type, fn) { if (typeof type =
空空云
2018/09/27
3K0
【iOS】UIKit框架 学习笔记
zhaokang555
2023/10/17
1220
【iOS】UIKit框架 学习笔记
WPF自定义路由事件
public static readonly RoutedEvent ButtonClickEvent = EventManager.RegisterRoutedEvent
kiki.
2022/09/29
4950
WPF自定义路由事件
Vue之自定义事件
我们都知道父组件想给子组件传递东西很简单,props里直接放就完事了,而子组件想给父组件传东西就不是那么容易,这个时候就可以利用自定义事件来满足我们的需求。
henu_Newxc03
2021/12/28
5240
Vue之自定义事件

相似问题

Scrollspy Uikit 3框架和计数

13

用于IE的UIKIT scrollspy动画修复

11

将自定义UIKit事件从自定义UIKit控件公开到SwiftUI

20

无法读取自定义UIKit事件

13

ScrollSpy“激活”事件不触发

20
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文