0

嘿伙计们，我正在学习 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>
4

1 回答 1

1

今天在做类似的事情时。我偶然发现了同样的问题并通过添加来解决它

data-tap-toggle="false"

到 div。

于 2013-08-21T19:26:12.430 回答