2

页面 feed.html 在从浏览器调用时工作正常，但是当通过a href="feed.html"页面加载从另一个页面调用但内部的列表视图不显示时。

适用于 feed.html 的脚本包含$('#feedList').listview('refresh');并且在从直接 url 调用时可以正常工作。

所以每次我需要在重定向后刷新页面才能工作。

getfeed.js：

    var newsfeeds;

    $('#feedListPage').bind('pageinit', function(event) {
        getFeedList();
    });

    function getFeedList() {
        $.getJSON(serviceURL + 'getfeeds.php', function(data) {
            $('#feedList li').remove();
            newsfeeds = data.items;
            $.each(newsfeeds, function(index, newsfeed) {
                $('#feedList').append('<li><a href="feeddetails.html?id=' + newsfeed.id + '">' +
                '<img src="' + newsfeed.img + '"/>' +
                '<h4>' + newsfeed.title + '</h4>' +
                '<p>' + newsfeed.desc + '</p>' +
                '</a></li>');
            });
            $('#feedList').listview('refresh');
        });
    }

仅此代码就可以正常工作，但是当从另一个页面调用它时，它不会刷新列表。

4

1 回答 1

2

这是一个疯狂的猜测，但我想我知道你的情况出了什么问题。

要了解这种情况，您需要了解 jQuery Mobile 的工作原理。它使用 ajax 来加载其他页面。

第一页正常加载。它的 HEAD 和 BODY 被加载到 DOM 中，它们在那里等待其他内容。当第二个页面被加载时，只有它的 BODY 内容被加载到 DOM 中。因此，当您直接打开页面并将您的 javascript 放置在一个 HEAD 中时，javascript 将成功执行，但如果您打开其他 html 文件并且其 javascript 在 head 中，它将被丢弃，因为只会加载 BODY。

如果您想了解有关此问题的更多信息以及如何解决它（+ 工作解决方案），请查看我的其他答案：Why I have to put all the script to index.html in jquery mobile

于 2013-05-17T13:19:00.853 回答