Question

我正在开发一个应用程序，我有一个包含大约30种不同产品的表。当用户选择我想从sqlite数据库中获取其详细信息的产品并在下一个屏幕上显示它时。我打算用以下代码在div中显示详细信息：

<li><a href="#two" data-transition="slide" data-direction="reverse"> <img src="Exercises/abs-exercises-air-bike-1.jpg" width="80px" height="80px" /> <h3> Abs</h3><span class="ui-li-count">116</span></a></li>

我能够显示名称为2的第二个div，但我不确定如何识别选择了哪个链接。我需要从sqlite数据库中获取其详细信息。有人可以指导我吗？

Answer 1

听起来这需要#HashTag：

var theProduct = window.location.hash.slice(1);

Answer 2

您可以将产品ID放在listitem或锚点 data attribute 上：

<li><a href="#two" data-transition="slide" data-direction="reverse" data-prodid="theid"> <img src="Exercises/abs-exercises-air-bike-1.jpg" width="80px" height="80px" /> <h3> Abs</h3><span class="ui-li-count">116</span></a></li>

然后处理锚点上的点击或点击或vclick事件：

$("ul").on("vclick", "a", function(){
    var prodid = $(this).data("prodid");
    //use id to make query and fill in details on page 2
});

页面导航与phonegap中的数据

2 个答案: