Javascript JQuery idletimer未在元素上触发

使用可爱的jqueryidletimer from:似乎我无法将空闲计时器附加到特定元素（与整个文档相反）。下面是我非常简单的代码：

要启动空闲计时器，请执行以下操作：

$("#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

更新：我现在有了一个JSFIDLE，其中显示了这半部分在连接到一个元素上工作。正如小提琴所示：闲置的火焰；然后，活跃的火焰——但出于某种原因，它停止了。感谢Jeromy French对JSFIDLE的帮助；他正在处理一个完整的文档，但不是一个元素。

现在正在处理。。 请参阅，使用两个单独的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);

我空闲
我空闲
（函数（$）{
$（“#testme”）.on（“idle.idleTimer”，function（event，elem，obj）{$（“#test”）.html（“我非常空闲”）；}）；
$（“#testme”）.on（“active.idleTimer”、函数（event、elem、obj、triggerevent）{$（“#test”）.html（“notidle”）；}；
$（“#testme”）.idleTimer（3000）；
$（“#testme2”）.on（“idle.idleTimer”，function（event，elem，obj）{$（“#test2”）.html（“我非常空闲”）；}）；
$（“#testme2”）.on（“active.idleTimer”、函数（event、elem、obj、triggerevent）{$（“#test2”）.html（“notidle”）；}；
$（#testme2”）.idleTimer（3000）；
})（jQuery）；

---

不知道为什么它不起作用。。。如果将计时器语句包装在（function（$）{}）（jQuery）中，这两种方法都可以很好地工作；如果你不知道。

嗯……你在用哪个浏览器？为什么要使用Chrome附加到某个元素（我知道你可以，我只是想知道你是否在动态附加该元素）。没有在其他浏览器中测试过。将其附加到元素的原因是页面上有其他我不想调用的垃圾。我正在使用引导轮隐藏/显示JQM中的页脚和页眉元素。很好。除了当我滚动页面上的某个特定元素时，我不希望页脚/页眉出现，因此我不希望空闲者处理该元素。我想我可以通过将惰轮连接到另一个元素来实现这一点。似乎空闲超时仅对

文档

有效，而对任何

元素都无效

是的，我猜是这样的。但是，在的演示确实将引导轮附加到一个textarea元素，并且它可以工作（因此我尝试了同样的操作，附加到一个text area元素，没有运气…），并且，我没有动态附加该元素。。。