Jquery idletimer在jsfiddle中工作，而不是在浏览器中

Question

我很困惑……

大约一天前，我发布了一个关于使用空闲定时器附加到一个元素的查询，以便事件将或不会在页面上的特定元素的活动/缺乏活动时触发，如下所示:

$("#testme"  ).on( "idle.idleTimer", function(event, elem, obj){ $("#test").html("I am very idle");});
$( "#testme"  ).on( "active.idleTimer", function(event, elem, obj, triggerevent){ $("#test").html("not idle");});
$( "#testme" ).idleTimer(3000);

似乎我已经得到了这个工作:你可以看到它运行愉快http://jsfiddle.net/peterrr73/C3w7f/3。但是，当我将相同的代码粘贴到一个单独的文件并将其放在web上时，它失败了:您可以在http://www.sd-editions.com/CantApp/index4.html上看到这一点。更令人费解的是:您可以在http://www.sd-editions.com/CantApp/index2.html上看到，当附加到整个文档时，空闲程序正在工作。

怎么回事?

Answer 1

• jsfiddler运行onLoad，所以所有主体节点都被加载
• 第一个链接使用未加载的dom elements
• 第二个链接将事件附加到document

这是你的解决方案(用选择器包装代码):

$(function() {
/* your code goes here */
});