我最近决定升级我的 web 应用程序以实现新的 jQuery Mobile Panel 小部件。
更改为 1.3.0 后，<p>我的应用程序页面上的一个元素被强制到底部。当我恢复到 1.2.0 时，该元素像我希望的那样停留在列表视图的顶部。
我的源代码片段：
<?php include ('header.php'); ?>
<?php print ' <p style="text-align: center;">Welcome, <span style="font-weight:bold; color: orange;">'.$_SESSION['username'].'</span>! Your user ID is <span style="font-weight:bold; color: orange;">'.$_SESSION['user_id'].'</span>.</p>'; ?>
<div data-role="content" id="assignment_list">
<!-- create 2 foreach loops, 1 for classes to be listed and organized by id in list dividers and another for listing individual assignments within each class -->
<ul data-role="listview">
<!--classes loop-->
<?php foreach ($userclasses as $class) : ?>
<li data-role="list-divider"><?php echo $class['class_name']; ?></li>
<?php $assignments=get_assignments_by_class($class['class_id']); ?>
<?php foreach ($assignments as $assignment) : ?><!--assignments loop-->
<?php print'<li><a href="index.php?action=show_assign_details&assign_id='.$assignment['assign_id'].'&class_id='.$assignment['class_id'].'">'.$assignment['assign_title'].'</a></li>';?>
<?php endforeach; ?> <!--/assignments loop-->
<?php endforeach; ?> <!--/classes loop-->
</ul>
</div><!--/data-role="content"-->
<?php include 'footer.php'; ?>
我的目标是向用户显示一条问候他们并表示他们已成功登录的消息。我希望消息显示在显示分配的列表视图上方。它工作得很好，但是当我更改为 jQuery Mobile 1.3.0 时，消息现在显示在我的页面底部，在列表视图之后。
我尝试将消息放在内容 div 中，但它似乎被切断了。
有什么想法吗？谢谢！