在div上的jquery移动模拟对话框

Question

我的内容区域中有一个列表视图。

希望在列表视图上创建“叠加层”，让用户知道我们正在寻找更新。

从我的fetch控制器

我打电话：

$('#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();

隐藏它

以下是relevant part of the jQuery mobile docs的链接。

Answer 2

CSS错误？

backgournd
background