jQuery Mobile Динамическая Вставка Контента - PullRequest
Новая
       21

jQuery Mobile Динамическая Вставка Контента

0 голосов
/ 26 декабря 2011

Хорошо, кто-нибудь поможет мне понять, почему "test" li в следующем коде не виден? Я проверил живой дом, и элементы, кажется, обрабатываются: 

<!DOCTYPE HTML> 
<html> 
<head> 

  <!-- Grab Google CDN's jQuery, with a protocol relative URL; fall back to local if necessary -->
  <script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
  <script src="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.js"></script>
  <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.css" />
  <script>
  $(document).ready(function(){
      $('<div data-role="content" class="content"><ul data-role="listview" data-inset="true"><li><a href="#im?at=animals">test</a></li></ul></div>').appendTo("#home").page();
      $.mobile.changePage("#home", {transition: "none"});
  });
  </script>
</head> 

<body> 
<div id="home" data-role="page"> 
</div> 
</body> 
</html>

Заранее спасибо.

Ответы [ 2 ]

1 голос
/ 26 декабря 2011

Вызов changePage не работает, потому что у вас есть только одна страница, которая по умолчанию видима / активна Вы можете принудительно обновить активную страницу, вызвав событие create. 

$('<div data-role="content" class="content"><ul data-role="listview" data-inset="true"><li><a href="#im?at=animals">test</a></li></ul></div>').appendTo("#home");
$.mobile.changePage("#home", {transition: "none"});  
$.mobile.activePage.trigger('create');
0 голосов
/ 26 декабря 2011

Элемент ниже имеет свойство display, установленное на none, и скрывает своих братьев и сестер: 

<div data-role="content" class="content ui-page ui-body-c ui-content" tabindex="0" role="main">

Правило CSS: 

.ui-mobile [data-role="page"], .ui-mobile [data-role="dialog"], .ui-page {
top: 0;
left: 0;
width: 100%;
min-height: 100%;
position: absolute;
display: none;
border: 0;
}
...