jquery mobile-可折叠页脚在单击页面后向下展开
嘿，伙计们，我正在学习jquerymobile，已经创建了一个非常基本的页面，带有页眉和页脚。基本上，我希望页脚可折叠到始终向上扩展，但我在实现这一点上遇到了问题 如果我加载页面并通过单击按钮打开可折叠文件，它将展开（预期行为）。 但是如果我点击页面上的任何地方，然后点击页脚，它就会向下扩展。尽管我使用了jquery mobile-可折叠页脚在单击页面后向下展开,jquery,html,jquery-mobile,footer,jquery-mobile-collapsible,Jquery,Html,Jquery Mobile,Footer,Jquery Mobile Collapsible,嘿，伙计们，我正在学习jquerymobile，已经创建了一个非常基本的页面，带有页眉和页脚。基本上，我希望页脚可折叠到始终向上扩展，但我在实现这一点上遇到了问题 如果我加载页面并通过单击按钮打开可折叠文件，它将展开（预期行为）。 但是如果我点击页面上的任何地方，然后点击页脚，它就会向下扩展。尽管我使用了data position=“fixed”将此标记添加到可折叠文件本身并不会改变行为，但似乎单击页面会分离页脚 再次单击该页面会将其重新连接，并向上打开 我总是可以使用css来强制它。但我想知道
data position=“fixed”<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>
标题
页脚
页脚内容
data-tap-toggle="false"
对于div.IMHO来说，在页脚中有一个可折叠的不是一个好主意。有没有更好的方法来实现这种行为？基本上，我想要一个像信息页面这样的东西，从底部展开（占据页面高度的一半，如果内容太多，那么它应该滚动），并且出现在多个页面上，所以我认为页脚是一个很好的起点。就像我说的，我在学习，所以我愿意接受建议。你可以这样做，在@Omar的小提琴上添加一些过渡：：）@Omar，直到原来的问题。为什么在页脚中有一个可折叠的页脚是个坏主意？