Jquery Mobile автоматически обновляется каждую секунду
Портирование на 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, чтобы у меня был «автономный» дисплей, который обновляется самостоятельно с пример кода?
Я думаю, что ваш код должен быть похож
<script type="text/javascript">
$(function(){
setTimeout(function() {
$("#id_My_DynamicContent").load("NewContent.php",{'reload':true});
},1000);
});
</script>
также проверьте, что после первого звонка работает
Я не уверен, что jquery moble также касается всей головы, если это так, вы должны также
повторить JS из PHP
<?php
echo '<script type="text/javascript">
$(function(){
setTimeout(function() {
$("#id_My_DynamicContent").load("NewContent.php",{'reload':true});
},1000);
});
</script>';
?>
Других решений пока нет …