JQuery idletimer不触发元素

Question

使用可爱的Jquery idletimer从https://github.com/thorst/jquery-idletimer:似乎我不能附加空闲定时器到一个特定的元素(而不是整个文档)。下面是我的简单代码:

触发空闲定时器:

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

在文档中调用:

<div id="testme" style="border: solid;"><p id="test">I am idle</p></div>

是这样的。如果我将$("#testme")替换为$(document)，它可以正常工作。但是当它被附加到div元素时就不一样了。我使用jquery-1.11.0.js, jquery.mobile-1.4.2和idle-timer.js.

更新:我现在在http://jsfiddle.net/peterrr73/C3w7f/上有一个jsFiddle，它显示了这个半工作，附件到一个元素。正如小提琴所示:闲火;然后是活跃的火灾，但由于某种原因，它停止了。感谢jerome French对jsFiddle的帮助;他在http://jsfiddle.net/jhfrench/2aGL4/12/上使用了整个文档，而不是元素。

Answer 1

现在可以工作了。参见http://jsfiddle.net/peterrr73/C3w7f/3，其中有两个独立的div元素，每个元素只响应该div中的事件:

<div id="testme" style="border: solid;"><p id="test">I am idle</p></div>
<div id="testme2" style="border: solid;"><p id="test2">I am idle</p></div> 
(function ($) {    
   $("#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);
   $("#testme2"  ).on( "idle.idleTimer", function(event, elem, obj){ $("#test2").html("I am very idle");});
   $( "#testme2"  ).on( "active.idleTimer", function(event, elem, obj, triggerevent){ $("#test2").html("not idle");});
    $( "#testme2" ).idleTimer(3000);
 })(jQuery);

不知道为什么它不工作…如果你在(function ($) {})(jQuery)中包装计时器语句，它可以很好地工作;如果你没有。