Javascript Jquery移动页面未扩展为可折叠
我有一个jquery移动应用程序,其中有一个可折叠的div 当我点击这个可折叠文件时,它会打开,但页面高度保持在100%,这意味着我无法向下滚动并看到里面的内容 我以为jquerymobile是为了在打开类似的内容时调整页面高度Javascript Jquery移动页面未扩展为可折叠,javascript,html,css,cordova,jquery-mobile,Javascript,Html,Css,Cordova,Jquery Mobile,我有一个jquery移动应用程序,其中有一个可折叠的div 当我点击这个可折叠文件时,它会打开,但页面高度保持在100%,这意味着我无法向下滚动并看到里面的内容 我以为jquerymobile是为了在打开类似的内容时调整页面高度 <div id="hints" class="main" data-role="page" data-theme="a"> <div data-role="content" id="content"> <h2>
<div id="hints" class="main" data-role="page" data-theme="a">
<div data-role="content" id="content">
<h2>Hints & Tips</h2>
<p>Helping you get the most out of ARMA 3</p>
<div data-role="collapsible" data-theme="e" data-content-theme="e">
<h4>Launch Paramaters</h4>
</div>
</div>
</div>
似乎影响它的CSS是:
.ui-panel{
border:1px solid #333;
background:#111;
color:#fff;
font-weight:bold;
text-shadow:0 -1px 0 #000;
background-image:-webkit-gradient(linear,left top,left bottom,from( #3c3c3c ),to( #111 ));
background-image:-webkit-linear-gradient( #3c3c3c,#111 );
background-image:-moz-linear-gradient( #3c3c3c,#111 );
background-image:-ms-linear-gradient( #3c3c3c,#111 );
background-image:-o-linear-gradient( #3c3c3c,#111 );
background-image:linear-gradient( #3c3c3c,#111 )
}
你的问题很奇怪,这不应该发生。
您是否修改了页面的CSS或样式属性?(如定义固定高度等)我最终发现了问题,原因是以下代码:
.ui-panel{
border:1px solid #333;
}
如果有人能解释为什么这会引起问题,我们将不胜感激 用css更新问题我已经改变了。这都是不应该影响页面高度的东西,尽管你有没有尝试删除那些CSS行,看看问题是否来自它?我已经通过注释位完成了工作,上面的代码就是导致这个问题的部分
.ui-panel{
border:1px solid #333;
}