1 
<a href="#" id="toggle01">CONTACT</a>

<script>
$('#toggle01').click(function() {
    $('#contact').slideToggle("slow");
    return false;
});
</script>


<div id="contact">
123-456<br />
</div>
<iframe id="player" src="http://www.youtube.com/embed/..."></iframe>

ここではすべてが機能しますが、リンク CONTACT をクリックしてdiv#contact表示/非表示になると、iframe が点滅して点滅します。
この点滅を避けるにはどうすればよいですか?

4

2 に答える 2

1

あなたのスクリプトは正しいように見えますが、点滅する理由がわかりません。ただし、以下のスクリプトを試すことはできますか? e.preventDefault(); を追加します。

<script>
   $('#toggle01').click(function(e) {
     e.preventDefault();
     $('#contact').slideToggle("slow");
     return false;
   });
</script>
于 2012-10-28T15:50:09.400 に答える
1

問題はスライドアニメーションのようです。div がアニメーション化されている間、iframe が下に移動し、再レンダリングされます。

iframe の後に div を配置するか、高さが固定された別の div 内にカプセル化することができます。

例えば：

<div style="height:50px;">
    <div id="contact">
        123-456<br />
    </div>
</div>

ただし、これにより、iframe の上に空白の領域が残ります。

于 2012-10-28T16:06:01.817 に答える