Скрытие и отображение динамически сгенерированных списков с помощью jQuery Mobile

Question

Мы создаем мобильное приложение jQuery для использования с Phonegap. Содержимое в списке генерируется путем анализа XML-документа и создания из него нескольких списков.

Каждое из этих списков используется для другого диапазона дат, I.E. Div # 0 на 1 мая 2013 года до 1 июня 2013 года, Div # 1 на период с 2 июня 2013 года по 1 июля 2013 года.

Списки представлений генерируют штраф, но проблема, которая возникает, заключается в том, что после их создания представляется невозможным скрыть, а затем снова показать их с помощью встроенной функции скрытия jQuery.

На странице нет 4 див с ListViews в них, # List0 через # песни4

Независимо от того, что я стараюсь (в консоли JavaScript или изначально в коде) я не могу получить их, чтобы показать, как только скрытыми , или как теперь с ними все видимые, я не могу заставить их спрятаться.

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

Если у вас есть предложения, я бы хотел их услышать! Я проработал это часами и не получил нигде.

---

URL Dev: http://ferriesapp.ca/app/jqm/routes/horseshoebay/freeindex.html

Просто нажмите на Departure Bay, чтобы увидеть страницу, которая имеет генерируемый контент.

Версии:

• JQuery Мобильная версия 1.3.0
• JQuery версии 1.9.1
• Кордова Версия 2.3.0

Answer 1

Хорошо, я думаю, я понял, в чем проблема здесь есть, у вас есть два div с одинаковыми идентификаторами, когда вы переходите от Horseshoebay к выходу Bay. Поэтому, чтобы скрыть/показать, сначала вам нужно обратиться к активной странице. Ниже приведен код, и я надеюсь, что это сработает для вас.

$("div.ui-page-active").find('#list1').css('display','none');