jquery mobile - 单击页面后页脚可折叠向下展开
Posted
技术标签:
【中文标题】jquery mobile - 单击页面后页脚可折叠向下展开【英文标题】：jquery mobile - Collapsible in footer expands down after a click on page 【发布时间】：2013-07-11 14:13:15 【问题描述】：大家好，我正在学习 jquery mobile，并创建了一个带有页眉和页脚的非常基本的页面。基本上我希望页脚可折叠以始终向上扩展，但我在实现这一点时遇到了问题。
如果我加载页面并通过单击展开的按钮打开可折叠（预期的行为）。
但是，如果我单击页面上的任何位置，然后单击页脚，它会向下扩展。即使我使用data-position="fixed" 将此标签添加到可折叠本身不会改变行为，但似乎单击页面会分离页脚。
同样再次点击页面会重新附加它并向上打开。
我总是可以通过使用 css 来强制它。但我想知道是否有更好的方法来解决这个问题。
我无法提供 jsfiddle，因为问题只发生在浏览器中（我已经在 droid razr 上使用 chrome、firefox 和 android 浏览器进行了测试）。这是我的代码：
<html>
<head>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.css" />
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.js"></script>
</head>
<body>
<div data-role="Page">
<div data-role="header">
<h1>Header</h1>
</div>
<div data-role="footer" data-position="fixed">
<div data-role="collapsible" data-content-theme="b">
<h3>Footer</h3>
<p>Footer content</p>
</div>
</div>
</div>
</body>
<html>
【问题讨论】：
恕我直言，在页脚中有一个可折叠的不是一个好主意。 有没有更好的方法来实现这种行为？基本上我想要一个从底部扩展的信息页面（占据大约一半的页面高度，如果内容太多，那么它应该滚动）并且存在于多个页面中，所以我认为页脚将是一个很好的起点.就像我说的，我正在学习，所以我愿意接受建议。 你可以这样做fiddle.jshell.net/Palestinian/YgJkN 为@Omar 的小提琴添加了一些过渡：fiddle.jshell.net/YgJkN/2 :) @Omar 就原始问题而言。为什么在页脚中有一个可折叠元素是个坏主意？ 【参考方案1】：今天在做类似的事情时。我偶然发现了同样的问题并通过添加来解决它
data-tap-toggle="false"
到 div。
【讨论】：
以上是关于jquery mobile - 单击页面后页脚可折叠向下展开的主要内容，如果未能解决你的问题，请参考以下文章
Jquery Mobile 持久页脚 - 更改所有页面上的内容
脚本无法在 AJAX 页面加载时修改 jQuery Mobile 页面上的页脚？