Jquery Mobile每X秒自动刷新一次

时间:2014-10-27 10:52:21

标签: php jquery-mobile

Jquery Mobile每X秒自动刷新

移植到JQM并且无法获取每隔X秒自动刷新内容以正确显示的页面。已经阅读了几十个相关的线程,但没有找到一个代码示例的清晰解决方案。此页面的目的是显示与您在机场可能看到的内容类似的到达和离开信息。

以前的方法如下,标题中包含javascript。 PHP内容(一个样式表)会在一秒钟后加载到命名的DIV,然后每十秒自动刷新一次并且效果很好:

控制页面:

<head>....
<script type="text/javascript">
function Refresh_My_DynamicContent(){ 
  $("#id_My_DynamicContent").load("NewContent.php");
  setTimeout(function() { Refresh_My_DynamicContent(); },10000); 
}
</script>
<script type="text/javascript">
  setTimeout(function() { Refresh_My_DynamicContent(); },1000); 
</script>
</head>
<body>
<div data-role="page">
<div id=” id_My_DynamicContent”></div>
</div>

当我使用与JQM相同的方法时,内容显示但没有JQM,弹出窗口全部展开,等等。有没有人可以帮助指导我使用JQM的正确方法,以便有一个“不干涉”的显示刷新它自己的代码示例?

1 个答案:

答案 0 :(得分:1)

我认为您的代码应该像

    <script type="text/javascript">
    $(function(){
        setTimeout(function() { 
          $("#id_My_DynamicContent").load("NewContent.php",{'reload':true});
        },1000); 
    });
    </script>

在第一次通话工作后也检查一下   我不确定jquery moble是否也会关联所有头部,如果是这样你也应该 从PHP

回显js
<?php
    echo '<script type="text/javascript">
    $(function(){
        setTimeout(function() { 
          $("#id_My_DynamicContent").load("NewContent.php",{'reload':true});
        },1000); 
    });
    </script>';
?>