2014-10-16 60 views
0

我用这个代码从:How to automatically reload a page after a given period of inactivity到我的项目之一,它的工作,但现在我把它放在我目前的项目,这不起作用,我不知道为什么,他们是不同的项目,但在一天结束时,他们只是2个webform aspx页面?asp.net刷新页面,如果用户空闲或没有活动

这意味着每分钟刷新页面,除非有人按下某个键或移动鼠标。

<script> 
    var time = new Date().getTime(); 
    $(document.body).bind("mousemove keypress", function(e) { 
     time = new Date().getTime(); 
    }); 

    function refresh() { 
     if(new Date().getTime() - time >= 60000) 
      window.location.reload(true); 
     else 
      setTimeout(refresh, 10000); 
    } 

    setTimeout(refresh, 10000); 
</script> 

误差对控制台:

Uncaught ReferenceError: $ is not defined 

=> $(document.body的).bind( “鼠标移动按键”,函数(E){

参考文献I aspx页面上使用的:

<!-- Global styles START --> 
<link href="/assets/global/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet"> 
<link href="/assets/global/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet"> 
<!-- Global styles END --> 

<!-- Page level plugin styles START --> 
<link href="/assets/global/plugins/fancybox/source/jquery.fancybox.css" rel="stylesheet"> 
<link href="/assets/global/plugins/uniform/css/uniform.default.css" rel="stylesheet" type="text/css"> 
<!-- Page level plugin styles END --> 

<!-- Theme styles START --> 
<link href="/assets/global/css/components.css" rel="stylesheet"> 
<link href="/assets/global/css/plugins.css" rel="stylesheet"> 
<link href="/assets/frontend/layout/css/style.css" rel="stylesheet"> 
<link href="/assets/frontend/layout/css/style-responsive.css" rel="stylesheet"> 
<link href="/assets/frontend/layout/css/themes/blue.css" rel="stylesheet"> 
<link href="/assets/frontend/layout/css/custom.css" rel="stylesheet"> 
<!-- Theme styles END --> 

//My body code here 

<!-- Load javascripts at bottom, this will reduce page load time --> 
<!-- BEGIN CORE PLUGINS (REQUIRED FOR ALL PAGES) --> 
<!--[if lt IE 9]> 
<script src="/assets/global/plugins/respond.min.js"></script> 
<![endif]--> 
<script src="/assets/global/plugins/jquery-1.11.0.min.js" type="text/javascript"></script> 
<script src="/assets/global/plugins/jquery-migrate-1.2.1.min.js" type="text/javascript"></script> 
<script src="/assets/global/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script> 
<script src="/assets/frontend/layout/scripts/back-to-top.js" type="text/javascript"></script> 
<!-- END CORE PLUGINS --> 

<!-- BEGIN PAGE LEVEL JAVASCRIPTS (REQUIRED ONLY FOR CURRENT PAGE) --> 
<script src="/assets/global/plugins/fancybox/source/jquery.fancybox.pack.js" type="text/javascript"></script> 
<!-- pop up --> 
<script src="/assets/global/plugins/uniform/jquery.uniform.min.js" type="text/javascript"></script> 

<script src="/assets/frontend/layout/scripts/layout.js" type="text/javascript"></script> 
<script type="text/javascript"> 
    jQuery(document).ready(function() { 
     Layout.init(); 
     Layout.initUniform(); 
     //Layout.initTwitter(); 
    }); 
</script> 
<!-- END PAGE LEVEL JAVASCRIPTS --> 

是否有任何工作解决方案?我没有关于JS或JQuery的知识,但如果你告诉我它是如何工作的,我可以申请它到我的程序(哈哈)

+1

在JavaScript控制台中的任何错误? – 2014-10-16 20:48:56

+0

@JasonP“未捕获的ReferenceError:$未定义” – 2014-10-16 20:50:20

+1

新项目中的aspx页面是否引用jQuery库? – 2014-10-16 20:50:53

回答

0

必须在使用该代码之前包括JQuery库!

1

$未定义意味着你没有包含JQuery JavaScript库。添加类似
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>之前您的脚本,它应该工作

+0

谢谢!我有这个,但我把它放在页面的底部,所以它不起作用,移动到顶部,它的工作。 – 2014-10-16 21:02:54