Uikit Scrollspy自定义事件

Question

我无法使用uiKit中的scrollspy来使用自定义函数。我想在对象进入屏幕时触发一个功能。

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

这是我的代码：

的jQuery

$('#object').on('uk.scrollspy.inview', function(){
    alert("It works");
});

HTML：

<div id="#object" data-uk-scrollspy>This is the object that should trigger the function</div>

我没有在firebug中犯任何错误，因为我无法找到更多文档或任何内容，所以我不知道有什么问题，而且我的jQuery技能有限。如果有人帮助我会很棒！

谢谢！

Answer 1

我认为你需要为data-uk-scrollspy添加一些值：

像这样： 数据-UK-scrollspy = “{initcls： 'UK-scrollspy-INIT-inview'}”

Answer 2

自UIkit v2.13 2014年11月事件名称更改为＆＃34; uk.scrollspy.inview＆＃34;到＆＃34; inview.uk.scrollspy＆＃34;

所以你应该使用另一个事件名称

$('#object').on('inview.uk.scrollspy', function(){
    alert("It works");
});

Answer 3

将data-uk-scrollspy =“”添加到HTML上的选择器中，例如：

<h2 id="works" data-uk-scrollspy="">Heading</h2>

然后只使用这个：

UIkit.util.on('#works', 'inview', function () {
    alert("It works");
});