在准备页面后悬停时的clearInterval

时间:2017-06-20 10:21:19

标签: jquery

早上好,我为我的代码寻求帮助。它有效,但我想立即加载内容,而不是在悬停和悬停后加载。

我该如何解决?谢谢

`

<script>
function aggiornatabella(){
$('#tabella').load('pres_tl_admin_ajax_load.php'); // carica il contenuto dal file e lo mette nel div #tabella
}

$(document).hover(
function(){ // quando è tutto pronto...
clearInterval(timer);
          },
function(){
timer = setInterval(aggiornatabella, 1000); // ogni secondo aggiorna la tabella
          }
                );

</script>
<? print"<div id=\"tabella\"></div>"; ?>

[解决] 这是解决方案,谢谢大家

`

<script>
function aggiornatabella(){
$('#tabella').load('pres_tl_admin_ajax_load.php'); // carica il contenuto dal file e lo mette nel div #tabella
}

$(document).ready(function(){
    var interval = setInterval(aggiornatabella , 2000);
$('#tabella').hover(function (ev) {
    clearInterval(interval);
}, function (ev) {
    interval = setInterval(aggiornatabella , 2000);
});
}); 
</script>
<? print"<div id=\"tabella\"></div>"; ?>

`

`

2 个答案:

答案 0 :(得分:0)

您的大多数JavaScript代码都是无稽之谈。你真的只需要一行。我还添加了一个包装器,以便在文档准备好时加载它,而不是直接放在可能不起作用的位置:

$(function() {
    $('#tabella').load('pres_tl_admin_ajax_load.php');
}

您可以移除其余的JavaScript。

答案 1 :(得分:0)

试试这个:

$(document).ready(function() {
  $(document).hover(
    function(){ // quando è tutto pronto...
       clearInterval(timer);
    },
    function(){
      timer = setInterval(aggiornatabella, 1000); // ogni secondo aggiorna la tabella
    }
  );
});