0

https://github.com/thorst/jquery-idletimerからの素敵な Jquery アイドルタイマーの使用: アイドル タイマーを特定の要素 (ドキュメント全体ではなく) にアタッチできないようです。ここに私の非常に単純なコードがあります:

アイドル タイマーを起動するには:

$("#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 があります。これは、要素への添付で、この半作業を示しています。フィドルが示すように：アイドルが発火します。その後、アクティブな発火が発生しますが、何らかの理由でそこで停止します。jsFiddle を手伝ってくれた Jeromy French に感謝します。彼はこれをhttp://jsfiddle.net/jhfrench/2aGL4/12/で、要素ではなくドキュメント全体で使用しています。

4

1 に答える 1

0

これは現在機能しています。http://jsfiddle.net/peterrr73/C3w7f/3を参照してください。2 つの個別の 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); でラップすると、両方とも正常に機能します。そうしないと。

于 2014-03-27T13:34:02.637 に答える