使用提要和列表

Question

我正在使用ListView 组件在 RSS 提要中列出一些信息，但是当用户单击该行时，我想更改为该 RSS Item 的详细视图，到目前为止我已经这样做：

function parseFeed(feed) {
    var html = "";

    for(var i = 0; i < feed.items.length && i < 5; i++) {
        var item = feed.items[i];
        var title = item.title;

        html += "\n<li onClick='goDetailed()'>\n";
        html += "<h3><a href='#' class='ui-link-inherit'>" + title + "</a></h3>\n";
        html += "<p>" + item.description + "</p>\n";
        html += "</li>";
    }

    $("#dList").append(html);
    $("#dList").listview('refresh');
}

function goDetailed() {
    $.mobile.changePage($('#detailedPage'));
}

我的一个问题是后退按钮不会回来（它什么都不做）。我的另一个问题是如何将所选行（提要项）的item.title、item.description、item.link 和item.updated 传递给详细信息页面上的一些<div data-role="content">。

Answer 1

** 回答您的问题之一，当您按下它时它不会影响正在运行的 javascript，因此不会将其更改回来...尝试重新加载。如果您查看源代码，您甚至可能看不到提要中的内容，因为它是在页面的 HTML 加载并解析之后完成的。

将“i”传递给 onclick 函数。当你点击那个 li

for(var i = 0; i < feed.items.length && i < 5; i++) {
    var item = feed.items[i];
    var title = item.title;

    html += "\n<li onClick='goDetailed("i")'>\n";
    html += "<h3><a href='#' class='ui-link-inherit'>" + title + "</a></h3>\n";
    html += "<p>" + item.description + "</p>\n";
    html += "</li>";
}

当您编写 goDetailed(feedNumber) 时，您可以轻松使用您点击的 RSS 提要项。

function goDetailed(feedNumber) {
$.mobile.changePage($('feedNumber'));
}

因此，如果您要单击第三个项目，它将传递 2（如 0、1、2）。

希望对你有帮助

编辑 2

其实这就是你要找的！

将我上面所说的“i”发送到 goDetailed 中，然后在 go detail 中放入您要查找的内容。

function goDetailed(feedNumber) {

  newhtml += "<div data-role='content'>"feed.items[feedNumber].description"</div>";

 }

这应该选择正确的提要项。