如何浏览JqeuryMobile列表上的项目/详细信息

时间:2013-09-25 01:08:12

标签: jquery jquery-mobile cordova

我在从SQLite数据库的表中选择的JqueryMobile列表中有一些项目,当我按下任何这些项目时,我想选择它的详细信息。由于JqueryMobile无法处理多个页面,我不知道如何在页面之间传递参数,我不知道如何使用一个html页面,我要求一些帮助或如何实现这一点的示例。

提前致谢!

1 个答案:

答案 0 :(得分:1)

jquery-mobile可以处理“虚拟”多个页面:

<body>
  <div data-role="page1">
    <!-- page content -->
  </div>
  <div data-role="page2">
    <!-- page content -->
  </div>
</body>

并通过锚点访问它们 - 它只会隐藏未选择的那个的可见性:

<a href="#page1">

...但你可以简单地将变量作为url-参数传递,如:

<a href="nextsite.html?parameter1=1&parameter2=2" rel="external">pass some parameters</a>

(在引用新页面时观察rel = external),然后按以下方式阅读:

var parameter1 = getUrlVars()["parameter1"];
var parameter2 = getUrlVars()["parameter2"];

而getUrlVars()函数读取:

function getUrlVars() {
    var vars = {};
    var url = window.location.toString();
        url = url.split('#')[0];
        var parts = url.replace(/[?&]+([^=&]+)=([^&]*)/gi, function(m,key,value) {
        vars[key] = value;
    });
return vars;
}

    return vars;
}

希望有帮助...