Это то, что я пытаюсь сделать: иметь неупорядоченный список, и когда пользователь вступает в одну из строк, программа извлекает более длинное определение из данных JSON, потому что заголовок строки таблицы и ключ JSON совпадают.
Моя цель: иметь только одну JQuery Mobile страницу, которая загружает определения (потому что они все будут выглядеть одинаково), но загружать данные JSON, чтобы каждая страница имела разные JSON.
Наконец, если возможно, новая страница просто расширит длину ячейки меню и добавит определение ниже.
Таким образом, чтобы завершить: пользовательские нажатия на ячейку, слова, определение снизу снизу и расширяет длину списка, чтобы следующий элемент был видимым.
Идеи?
Я думаю, вы ищете что-то вроде этого? Посмотрите скрипку тоже: http://jsfiddle.net/R5aFq/
var descriptionObject = {
cool_row: {
description: "You are so cool."
},
cooler_row: {
description: "So are you!"
}
};
$('body').on('click', 'li', function (e) {
e.preventDefault();
var myDescription = descriptionObject[$(this).data('title')].description;
$(this)
.find('.row-description')
.html(myDescription);
});