0

私は自分のプロジェクトに 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>
4

1 に答える 1

0

Chrome で、右クリックして、画像が「あるべき」ポップアップの要素を調べます。上書きされているルールを見つけます。そこから、それを修正する方法が表示されます。

于 2013-05-24T20:19:00.167 に答える