3

我已经从本地数据库中检索了一个数据并使用 jquery 显示在一个列表中，但是我想知道当我单击每个项目时它应该动态导航到另一个视图。

$('#Allwordslist').append('<li><a href="#"><h3 class="ui-li-heading">'+row['Word']+'</h3><p class="ui-li-desc">'+row['Type_Of_Word']+'</p></a></li>');
4

1 回答 1

0

如果您使用的是 jQuery mobile，您应该查看动态注入页面。简而言之，jQuery mobile 通过劫持链接上的点击事件来处理页面导航。因此，有一种明显的方法可以让 jQuery 处理页面导航：

放入<a href="page/to/go">你的li. 然后 jQuery 会为你导航。当然，page/to/go应该已经注入DOM.

还有另一种方法可以做到这一点，jQuery mobile 提供了一个 API$.mobile.changePage来允许您浏览视图。

function buildData(){
    //build *li*s based on your local data
    ...
    $('all lis').each(function(){
        $(this).click(function(){
            $.mobile.changePage(xxx, xxx);
        }
    });
}

在文档中，还有示例代码展示了如何动态注入页面，请仔细阅读。

如果您使用的是原始 HTML 页面，那么您只需要使用<a href="next/page/you/go">, 而不是<a href="#">. 因此，当您单击此锚点时，WebView将加载该页面。

于 2012-07-28T12:10:27.167 回答