在ChangePage之后具有ListView的JQuery Mobile动态页面

Question

我对尝试动态填充页面的列表视图的JQuery Mobile应用程序感到困惑。 我启动并运行它，但发现它仅在我直接请求该页面（例如，mydomain.com/page.html）时有效，当我从另一个JQM页面链接到该页面时，仅在使用浏览器。

这是我的JS代码。

                $(function() {
                    var dirs=window.location.pathname.split('/'),
                    current_dir =dirs[dirs.length-2];
                    var vars = [], hash;
                    var q = document.URL.split('?')[1];
                    if(q != undefined){
                        q = q.split('&');
                        for(var i = 0; i < q.length; i++){
                            hash = q[i].split('=');
                            vars.push(hash[1]);
                            vars[hash[0]] = hash[1];
                        }
                    }
                                alert(current_dir);

                    $.getJSON("../json.php",{
                        section: current_dir,
                        id: vars['id'],
                        query: vars['q']
                    }, 
                    function(json){     
                                if (json.mededeling) {
                                $("#recent").append('<li data-role="list-divider" role="heading">Mededelingen<span class="ui-li-count">'+json.mededeling.length+'</span></li>');
                                //loop through deals
                                $.each(json.mededeling,function(i,item){
                                    $("#recent").append('<li><a href="nieuws/='+item.id+
                                                        '" data-transition="slide">'+
                                                        '<h3>'+item.title +'</h3>'+
                                                        '<p>'+item.subtitle+'</p></a></li>');
                                 });
                                } 
                                if (json.nieuws) {
                                 $("#recent").append('<li data-role="list-divider" role="heading">Nieuws<span class="ui-li-count">'+json.nieuws.length+'</span></li>');
                                //loop through deals
                                $.each(json.nieuws,function(i,item){
                                    $("#recent").append('<li><a href="news.html?'+item.id+
                                                        '" data-transition="slide">'+
                                                        '<h3>'+item.title +'</h3>'+
                                                        '<p>'+item.subtitle+'</p></a></li>');
                                 });
                                }
                                if (json.onderwijs) {
                                 $("#recent").append('<li data-role="list-divider" role="heading">Onderwijs vandaag<span class="ui-li-count">'+json.onderwijs.length+'</span></li>');
                                //loop through deals
                                $.each(json.onderwijs,function(i,item){
                                    $("#recent").append('<li><a href="onderwijs/index.html?'+item.id+
                                                        '" data-transition="slide">'+
                                                        '<h3>'+item.title +'</h3>'+
                                                        '<p>'+item.speaker+'</p></a></li>');
                                 });
                                }
                                 $("#recent").listview('refresh');
                            });
                });             

因此我猜想这与JQM的AJAX调用有关。

我进行了广泛搜索，但现在我真的迷路了。

非常感谢我能帮助我重返赛场！

谢谢

Answer 1

在我第一次尝试更改事件侦听器后，它可以工作

$(document).on('pagebeforeshow', function(){