Создание ссылки из динамически сгенерированных данных

Question

Я использую jQuery mobile, и у меня есть список элементов, созданных из javascript, который вызывает серверный php-скрипт, подключающийся к базе данных mysql и выводящий его в массив JSON. Он отлично работает на примере ниже:

$(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 поэтому, когда я нажимаю на один элемент в списке просмотра будет передать эту информацию на динамически созданную страницу с подробным, что один элемент. Надеюсь, есть простой ответ, я пробовал несколько разных вещей, и никто из них не работает. Любая помощь будет принята с благодарностью.

Answer 1

Вам потребуется получить дополнительную информацию с вашего сервера. Если вы хотите просмотреть динамически созданную страницу, детализируя один элемент, вам понадобится какой-то тип ID.

1. Я хотел бы предположить, добавив ID в строке 7 кода (где вы создали вступительную часть тега) и добавить идентификатор там, скажи href и сдирать onclick
2. Тогда я хотел бы добавить класс к a tag сказать 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; 
});`