0

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

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

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

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

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

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

如果您有任何建议，我很乐意听取他们的意见！我已经摆弄了好几个小时，却无处可去。

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

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

版本：

  • jQuery 移动版 1.3.0
  • jQuery 版本 1.9.1
  • 科尔多瓦 2.3.0 版
4

1 回答 1

1

好的，我想我明白这里的问题是什么，当您从马蹄湾导航到出发湾时，您有两个具有相同 ID 的 div。所以为了隐藏/显示，首先你需要参考活动页面。以下是代码，我希望这对你有用。

$("div.ui-page-active").find('#list1').css('display','none');
于 2013-03-26T03:52:07.090 回答