弹出窗口不显示图像答案

【问题标题】：Popup doesn't show images弹出窗口不显示图像
【发布时间】：2013-05-24 20:14:44
【问题描述】：

我的项目中有一个弹出到我的 body 标签中，并且有几个数据角色页面。

当用户单击打开此弹出窗口时，每个页面上都有一个按钮。

我的问题是我可以打开弹出窗口，但是这个弹出窗口包含一个用于图像的 bxslider 库，并且这个图像不显示。

这是我的代码：

<a href="#Paginasnocentro1234" data-rel="popup" data-icon="grid" data-iconpos="notext" class="ui-btn-right" data-inline="true" data-direction="reverse" style="margin-right:70px" data-transition="none" id="blabla">Paginas</a>

脚本：

$(document).on('pagebeforeshow', '#p36', function () {
$('#Paginasnocentro1234').hide();
});

$(document).on('click', '#blabla', function () {
$('#Paginasnocentro1234').toggle();

弹出窗口：

<div data-role="popup" id="Paginasnocentro1234" data-theme="a" style="top:45px;position:absolute">
  <div class="slider">
<ul class="bxslider" id="paginacao">
  <li><a href="#p1"><img src="imagens/paginas/1.jpg" /></a></li>
  <li><a href="#p2"><img src="imagens/paginas/2.jpg" /></a></li>
  <li><a href="#p3"><img src="imagens/paginas/3.jpg" /></a></li>
  <li><a href="#p4"><img src="imagens/paginas/4.jpg" /></a></li>
  <li><a href="#p5"><img src="imagens/paginas/5.jpg" /></a></li>
  <li><a href="#p5"><img src="imagens/paginas/6.jpg" /></a></li>
  <li><a href="#p5"><img src="imagens/paginas/7.jpg" /></a></li>
  <li><a href="#p6"><img src="imagens/paginas/8.jpg" /></a></li>
  <li><a href="#p7"><img src="imagens/paginas/9.jpg" /></a></li>
</ul></div>
</div>

【问题讨论】：

标签： javascript jquery html

【解决方案1】：

在 Chrome 中，右键单击并检查弹出窗口中“应该”图像的位置。找出正在覆盖的规则。从那里你会看到如何解决它。

【讨论】：

还有另一种隐藏方式吗？