一段时间后回到编码 我正在使用 html5 和 jquery mobile 为我的雇主编写一个移动网站
内容使用包含两个标题的菜单： 1-Services（包含几个 li 元素） 2-Products（包含几个 li 元素）
该代码使用与“具有 5 个部分的可折叠集”相同的代码，位于：http: //jquerymobile.com/demos/1.2.0/docs/content/content-collapsible-set.html
当它们被折叠时，Jquery 为 div id="services" 和 id="products" 分配一个“ui-collapsible-collapsed”类。
如果我设置：
html, body {
height:100%;
}
.wrapper {
min-height: 100%;
然后页脚位于视口的底部，但是当它们折叠时菜单和页脚之间有很大的间隙，这在移动设备中尤其不愉快。
当我删除上面的 css 代码时，会出现以下问题：
1-Footer 向上移动靠近菜单和正文，html 拉伸到视口的高度。
我想通过根据服务和产品链接的内容使用 javascript 调整 div id="mycontent" 的高度来解决这个问题。
我不确定这是否是正确的方法，因为似乎即使我能做到以上几点，在某些情况下也会存在问题。
问题： 1-你会建议什么来解决这个问题？如果是java脚本那么可以提供解决方案吗？
由于它使用 jquery css 文件和我自己的一些文件，所以我没有添加它。你可以浏览上面的网址。为了便于阅读，我已将代码添加到 jsfiddle：http: //jsfiddle.net/Davoud/AZK7B/ 我知道我添加的 javascript 存在缺陷，需要修复。
逻辑是：我正在使用 div id="services" id="products" 的“ui-collapsible-collapsed”类来设置 div id="mycontent" 的高度。因此，如果有这个类，那么高度为 10em，如果没有，则为 40em。
但问题是每次用户单击导致菜单上下滑动的服务链接时，jquery 都会将上述类分配给服务 div。所以在用“collapsed”类替换“notcollapsed”类之前需要删除这个类。
2-既然它将用于移动设备，我应该同时使用 onclick 和 touchstart 事件（我想要桌面和移动用户的完整功能），我可以在同一个元素中调用它们吗？
感谢您的输入。
达武