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

我认为您需要为数据uk scrollspy:添加一些值

像这样：data uk scrollspy="｛initcls:'uk-scollspy-init-inview'｝"

Answer 2

自UIkit v2.13 2014年11月起，事件名称从"uk.sollspy.inview"更改为"inview.uk.scrollspy"

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

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

Answer 3

将数据uk scrollspy="添加到HTML上的选择器中，例如：

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

然后使用这个：

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