javascript - 使用提要和列表

Question

我正在使用 ListView组件在 RSS 提要中列出一些信息，但是当用户单击该行时，我想更改为该 RSS 的详细 View 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'));
}

因此，如果您单击第 3 个项目，它将传递 2(如 0,1,2)。

希望对你有帮助

编辑 2

实际上，这就是您要找的!

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

function goDetailed(feedNumber) {

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

 }

那应该选择合适的提要项。