Обновление до JQuery Mobile 1.3.0 заставляет элемент принудительно снижаться

Question

Недавно я решил обновить свое веб-приложение, чтобы реализовать новый виджет 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, сообщение теперь отображается внизу моей страницы, после listview.

Я попытался помещать сообщение внутри содержимого div, но он отключен.

Любые мысли? Благодаря!

Answer 1

Почему вы не печатаете линию <?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>'; ?> внутри content div перед списком?

Я надеюсь, что это решит проблему.

Также я надеюсь, что вы используете jQuery 1.9.X?