Jquery mobile jQuery Mobile-标题下的列表
我目前正在为手机和平板电脑开发一个web应用程序,并遇到了jquery mobile的另一个问题。我的标题固定在顶部,我必须列出它下面的列表。左一个相对右一个绝对位置 左边的那个滑到了我的头下。滚动处于活动状态,但实际上不需要滚动 有人有什么暗示吗Jquery mobile jQuery Mobile-标题下的列表,jquery-mobile,Jquery Mobile,我目前正在为手机和平板电脑开发一个web应用程序,并遇到了jquery mobile的另一个问题。我的标题固定在顶部,我必须列出它下面的列表。左一个相对右一个绝对位置 左边的那个滑到了我的头下。滚动处于活动状态,但实际上不需要滚动 有人有什么暗示吗 <div id="page" class="ui-page ui-body-c ui-page-active ui-page-header-fixed" data-role="page" data-url="page" tabindex="0"
<div id="page" class="ui-page ui-body-c ui-page-active ui-page-header-fixed" data-role="page" data-url="page" tabindex="0" style="min-height: 491px; padding-top: 44px;">
<div id="content" class="ui-content" data-role="content" role="main">
<div class="ui-header ui-bar-a ui-header-fixed slidedown" data-role="header" data-position="fixed" data-tap-toggle="false" role="banner">
<ul id="console" class="ui-listview ui-listview-inset ui-corner-all ui-shadow" data-role="listview" data-inset="true" style="width: 50%;">
<ul id="control" class="ui-listview ui-listview-inset ui-corner-all ui-shadow" data-inset="true" data-role="listview" style="width: 48%; position: fixed; top: 58px; right: 1%;">
</div>
</div>
编辑:
这是我的firebug控制台的打印件:
编辑2:
奇怪的是html元素的大小:
如果标题位置错误,则不应将其作为内容的一部分:
<!DOCTYPE html>
<html>
<head>
<title>jQM Complex Demo</title>
<meta name="viewport" content="width=device-width"/>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" />
<script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script>
</head>
<body>
<div id="page" data-role="page" data-url="page" >
<div class="ui-header ui-bar-a ui-header-fixed slidedown" data-role="header" data-position="fixed" data-tap-toggle="false" role="banner">
<h3>Header</h3>
</div>
<div id="content" data-role="content">
<ul id="console" class="ui-listview ui-listview-inset ui-corner-all ui-shadow" data-role="listview" data-inset="true" style="width: 50%;">
<li><a>Item 1</a></li>
</ul>
<ul id="control" class="ui-listview ui-listview-inset ui-corner-all ui-shadow" data-inset="true" data-role="listview" style="width: 48%; position: fixed; top: 58px; right: 1%;">
<li><a>Item 1</a></li>
</ul>
</div>
</div>
</body>
</html>
jQM复杂演示
标题
- 有趣。。。也许值得在上复制此内容并将其报告给JQMdirectly@tellob所有的div标签都关闭了吗?看看你的源代码会很有趣,因为看起来你发布的是jQueryMobile修改后的div,但没有告诉我们太多。无论如何,你右手的UL有一个固定的顶部,我猜如果你不使用它,它会和左手的一样。我经常看到这种行为,通常是在我试图把东西放在下面的时候出现在列表的底部。我不知道“真正的”解决方案,但如果您在元素上有“clear:all”样式,它将显示在适当的位置。没有帮助,但感谢您看到此错误。也许我可以在JSFIDLE上复制它。这是我代码的基础。可能是因为我在后台使用了backbone.js?我不这么认为,除非你使用backbone生成内容,否则backbone不应该引起css问题。在我的控制台视图中,我只是在做一些事情,比如:标记名:“ul”,id:“console”,属性:{'data-role':'listview','data-inset':'true'},consoleTemplate:35;.template($('#console template').html()),我添加了另一个屏幕截图;)