Question

我们正在构建一个与Phonegap一起使用的jQuery Mobile应用程序。列表中的内容是通过解析XML文档并从中创建多个列表视图来生成的。

这些列表视图中的每一个都用于不同的日期范围，I.E。 2013年5月1日至2013年6月1日的第0区，2013年6月2日至2013年7月1日的第1区。

列表视图生成正常但发生的问题是，一旦生成它们似乎无法隐藏，然后使用jQuery的内置隐藏功能再次显示它们。

在页面上有4个带有列表视图的div，＃list0到＃list4

无论我尝试什么（在Javascript控制台中或本机代码中）我都无法让它们在隐藏时显示，或者现在它们全部可见我无法让它们隐藏。

如果你直接进入页面而不是通过jQuery Mobile的内置导航系统，那么隐藏和显示工作正常。所以我认为它显然与他们的导航系统有关，但我尝试或看过的任何东西似乎都没有任何解释或额外的信息。

如果您有任何建议，我很乐意听到他们的意见！我已经摆弄了几个小时并没有在哪里。

只需点击Departure Bay即可查看包含已生成内容的页面。

版本：

Answer 1

好的，我想我明白这里的问题是，当你从Horseshoebay导航到Departure Bay时，你有两个具有相同ID的div。因此，为了隐藏/显示，首先需要参考活动页面。以下是代码，我希望这适合你。

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