大佬教程收集整理的这篇文章主要介绍了javascript – 如何在jquery(移动)中刷新DIV?,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
谢谢.
我有一个动态生成的列表.如果有人单击列表中的条目,则会将用户重定向到加载数据的新页面(动态).加载的数据取决于用户单击的列表条目.
当应用程序第一次加载时,一切正常.但是当用户点击另一个列表条目时,相同的数据表示为第一次运行时.
我已经玩过jQuery中的.empty()函数(清除div并附加新数据),但它不起作用.
编辑:
<div id="content> <div id="headlineslist"> <ul data-role="listview" data-theme="c" id="headlineslist"> </ul> </div> </div> <script> $(document).ready(function() { HeadlinesLoad(); }); </script>
这是Javascript文件:
function HeadlinesLoad() { $.ajax({ type: "POST",url: "headlines_getter.PHP",dataType: 'json',cache: false,success: function(data1) { $.each(data1,function(i,currentObj) { $('ul#headlineslist').append('<li data-role="list-divider" class="ui-li ui-li-divider ui-bar-b">' + currentObj.main + '</li>').listview('refresh'); $.each(currentObj.sub,function (j,currentSub) { $('ul#headlineslist').append('<li> <a href="headlinesclicked_temp.html" onclick="headlinEID(' + currentSub.sid + ')">' + currentSub.name + '</a></li>').listview('refresh'); }); }); } }); } function headlinEID(hID) { window.localStorage.setItem("headlinEID",hID); } function onHeadlinesLoad() { var hID = window.localStorage.getItem("headlinEID"); window.localStorage.removeItem("headlinEID"); window.localStorage.clear(); $.ajax({ url: "headlinesclicked_getter.PHP?hID=" + hID,success: function(html) { if(html){ $("#headlineshome").empty(); $("#headlineshome").html(html); } } }); }
以下是放在HTML文件中的片段,其中应显示数据(并在用户执行的每次新点击时刷新):
<div data-role="content" id="headlineshome"></div> <script> $(document).ready(function() { onHeadlinesLoad(); }); </script>
我不知道为什么它不起作用,所以我请求你帮忙.
提前致谢.
最好的问候,约翰.
以上是大佬教程为你收集整理的javascript – 如何在jquery(移动)中刷新DIV?全部内容,希望文章能够帮你解决javascript – 如何在jquery(移动)中刷新DIV?所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。