Question

我从本地数据库检索了一个数据，并使用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>');

Answer 1

如果您使用的是jQuery mobile，则应该查看Dynamically injecting pages。简而言之，jQuery mobile通过劫持链接上的click事件来处理页面导航。因此，有一种显而易见的方法可以让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);
        }
    });
}

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

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

如何在phonegap中动态导航到另一个页面

1 个答案: