a-new-and-improved-jquery-idle-timeout-plugin

a-new-and-improved-jquery-idle-timeout-plugin

I  want  to use a-new-and-improved-jquery-idle-timeout-plugin  its failing for me, but the example works when I include  this in my page whihc has lot more jquery function and java script s fails. I am not exprt  in resolving this issue need help on troubleshooting this.

the error I get from the chrome console is , attached are the js files and script
  1. Uncaught TypeError: Cannot read property 'jQuery1362094643740' of undefined jquery.js:357
  2. T.extend.data jquery.js:357
  3. idleTimeout.init jquery.idletimeout.js:32
  4. $.idleTimeout jquery.idletimeout.js:139
  5. (anonymous function) findAudit.9:208

  6. <!--/*--><![CDATA[/*><!--*/

  7. $("#dialog").dialog({
  8. autoOpen: false,
  9. modal: true,
  10. width: 400,
  11. height: 200,
  12. closeOnEscape: false,
  13. draggable: false,
  14. resizable: false,
  15. buttons: {
  16. 'Yes, Keep Working': function(){
  17. $(this).dialog('close');
  18. },
  19. 'No, Logoff': function(){
  20. // fire whatever the configured onTimeout callback is.
  21. // using .call(this) keeps the default behavior of "this" being the warning
  22. // element (the dialog in this case) inside the callback.
  23. $.idleTimeout.options.onTimeout.call(this);
  24. }
  25. }
  26. });
  27. // cache a reference to the countdown element so we don't have to query the DOM for it on each ping.
  28. var $countdown = $("#dialog-countdown");
  29. // start the idle timer plugin
  30. $.idleTimeout('#dialog', 'div.ui-dialog-buttonpane button:first', {
  31. idleAfter: 5,
  32. pollingInterval: 2,
  33. keepAliveURL: '/artms/keepalive.jsp',
  34. serverResponseEquals: 'OK',
  35. onTimeout: function(){
  36. window.location = "timeout.htm";
  37. },
  38. onIdle: function(){
  39. $(this).dialog("open");
  40. },
  41. onCountdown: function(counter){
  42. $countdown.html(counter); // update the counter
  43. }
  44. });
  45. /*-->]]>*/