2

クライアント向けのサイトを構築していますが、jQuery の.hide()機能で奇妙なバグに遭遇しました。

このサンプル URLを確認してサムネイルのいずれかをクリックすると、画像が左に配置されていることがわかります。他のブラウザー タブを開くか切り替えてから、サンプルの URL に戻ると、画像が中央に配置されます...

画像は中央に配置する必要があり、これを追加するまでは問題なく機能していました。

$(".single-content-overlay").hide();

私のスクリプトファイルに...

なぜこれが起こっているのか、どうすれば修正できるのか、誰にもアイデアがありますか?

4

1 に答える 1

3

CSS に問題があります (おそらく、スライドショーの JavaScript ライブラリによって生成されます)。ブラウザーが再びフォーカスを取得すると、<li>幅が再計算されます。これ：

<li class="slide flex-active-slide" style="width: 0px; float: left; display: block;">
    <img alt="#" src="http://www.robotwp.com/clintenglish/wp-content/themes/clintenglish/images/samples/marley.jpg">
</li>
<li class="slide" style="width: 0px; float: left; display: block;">
    <img alt="#" src="http://www.robotwp.com/clintenglish/wp-content/themes/clintenglish/images/samples/marley.jpg">
</li>

これになります：

<li class="slide flex-active-slide" style="width: 1088px; float: left; display: block;">
    <img alt="#" src="http://www.robotwp.com/clintenglish/wp-content/themes/clintenglish/images/samples/marley.jpg">
</li>
<li class="slide" style="width: 1088px; float: left; display: block;">
    <img alt="#" src="http://www.robotwp.com/clintenglish/wp-content/themes/clintenglish/images/samples/marley.jpg">
</li>

Chrome、Firefox、および IExplorer (すべての最新バージョン) でも同じ動作が発生します。これがスライドショー ライブラリの問題 (または機能) であることはほぼ確実です。s 幅を手動で定義して<li>、問題が続くかどうかを確認してください。

于 2013-06-20T18:22:16.513 に答える