最近、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 内にメッセージを入れようとしましたが、途切れているように見えます。
何かご意見は？ありがとう！