-1

我使用 jQuery mobile，我有一个从 javascript 生成的项目列表，它调用连接到 mysql 数据库并将其输出到 JSON 数组的服务器端 php 脚本。它完美地工作，示例如下：

$(document).ready(function(){
var url="http://www.mysite.com/json.php";
$.getJSON(url,function(json){
var output='<ul data-role="listview">';
$.each(json.menu,function(key,val) {
    output+='<li>';
    output+= '<a href="#menuitem" onclick="showItem(' + val.menu_title + ')">';
    output+='<h3>' + val.menu_title + '</h3>';
    output+='<img src="' +val.menu_img +'" />';
    output+='<p>' +val.menu_desc + '</p>';
    output+= '</a>';
    output+='</li>';
});
output+='</ul>';
$('#menulist').html(output);
});
})

我需要的是一个 showItem 函数，因此当我单击列表视图中的单个项目时，它将将该信息传递给动态创建的详细说明该单个项目的页面。希望有一个简单的答案，我尝试了一些不同的方法，但都没有奏效。任何帮助将不胜感激。

4

1 回答 1

0

您将需要从服务器检索更多信息。如果您想查看动态创建的页面，详细说明单个项目，您将需要某种类型的ID.

  1. 我建议将id 添加到ID代码的第 7 行（您在其中创建 a 标签的开头部分）并在那里添加 id，href比如说onclick
  2. 然后我会在a tagsay中添加一个类details
  3. 你的最终结果应该看起来像这样：

output+= '<a class="details" href="#itemid-' + val.itemid + '">';

最后，添加以下 jQuery

$( '#menulist' ).on( 'click', '.details', function () {
    // Whatever your navigation is, it should go here
    // Eg: window.location = this.href;
});`
于 2013-02-11T05:46:37.343 回答