диалоговое окно имитации мобильного jquery над div

Question

У меня есть представление списка в моей области содержимого.

Нужно создать «наложение» поверх списка, чтобы пользователь знал, что мы ищем обновления.

с моего контроллера загрузки я звоню:

$('#listview').addClass('loading');

Но ничего не происходит.

страница выглядит так:

<div data-role="content" id="content">
<ul data-role="listview" id="listview">
<% @places.each do |p| %>
  <li>
      <a href="#"><%= p.name %></a>
  </li>
<% end %>
</ul>   
</div>

CSS имеет:

#listview {
  position:relative;
}

.loading {
  position:absolute;
  top:0;
  left:0;
  background: rgba(0,0,0,0.5)
  width:100%;
  height:100%;
  z-index:1000;
}

Answer 1

Как насчет использования сообщения о загрузке мобильной страницы jQuery (того же, которое отображается при переходе между страницами)

Вы можете показать его с помощью $.mobile.showPageLoadingMsg(); и скрыть с помощью $.mobile.hidePageLoadingMsg();

Вот ссылка на соответствующую часть мобильных документов jQuery .

Answer 2

Ошибка CSS?

backgournd
background