用jQuery移动隐藏并显示动态生成的列表视图

Question

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

每个列表都用于不同的日期范围，即2013年5月1日至2013年6月1日的Div #0,2013年6月2日至2013年7月1日的Div #1。

列表视图生成得很好，但发生的问题是，一旦生成它们，就不可能隐藏它们，然后使用jQuery内置的hide函数再次显示它们。

页面上有4个div，其中包含listview，#list0到#list4

无论我尝试什么(在Javascript控制台中或在代码中)，我都无法让它们显示曾经隐藏过的内容，或者因为它们都是可见的，所以我无法让它们隐藏起来。

如果您直接访问页面，而不是通过jQuery移动的内置导航系统，那么隐藏和显示很好。因此，我认为这显然与他们的导航系统有关，但我尝试过或看过的任何东西似乎都没有任何解释或额外的信息。

如果你有什么建议的话，我很想听听！我花了好几个小时摆弄这个，却找不到任何地方。

开发网址：http://ferriesapp.ca/app/jqm/routes/horseshoebay/freeindex.html

只需单击“离境湾”，即可查看具有生成内容的页面。

版本：

• jQuery移动版本1.3.0
• jQuery版本1.9.1
• Cordova版本2.3.0

Answer 1

好的，我想我理解这里的问题，当你从马蹄湾航行到离开湾时，你有两个is相同的div。因此，为了隐藏/显示，首先需要引用活动页面。下面是代码，我希望这对你有用。

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